jQuery functionの遅延実行

2018-08-14 15:56webjQuery
setTimeout関数を使用して処理内容の遅延実行が可能です。

setTimeout(function(){
処理を書く
},3000);

setTimeout(function(){var headerHeight = $('header').outerHeight();$("body").css("margin-top", headerHeight);},3000);

jQuery 要素の値を取得・設定・削除

2016-04-13 23:51webjQuery
jQueryで要素にclassの設定・削除
//設定（追加）$('要素').addClass('class名');//削除 特定のクラス$('要素').removeClass('class名');//削除 すべてのクラス$('要素').removeClass();

jQueryでstyle属性を取得・追加・削除
//ひとつ追加 : 既に存在するプロパティの場合上書きされる$('要素').css('プロパティ','値');//複数$('要素').css({'プロパティ':'値','プロパティ':'値'});//削除 : 空の値を与えることにより削除される$('.test').css('プロパティ','');

jQueryのdata属性を取得・設定・変更
//取得$('要素').data('data名');//設定$('要素').data('data名', '値');

遅延処理・インターバル処理

2014-05-19 12:31jQuery
$('#selector').delay(5000).queue(function() {
$(this).addClass('hoge').dequeue();
});

setTimeout(function(){
$(this).addClass('hoge')
},3000);

setInterval(function(){
$('img').stop().animate({left:'+=' + '10' + 'px'},1000);
},3000);

jQueryで要素の高さを変更する。

2014-04-23 19:20jQuery
heightメソッドを使用して要素の高さの変更ができます。

$(window).height(300);

html要素

WEB制作に役立つ情報を発信（関係無い記事もちらほらありますが...）