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制作に役立つ情報を発信（関係無い記事もちらほらありますが...）