うは！知らないうちに jQuery 1.4 vol.5

( ゜▽゜)/こんにちは！

今日はこの３つ！

☆has()

	j$('#classdemo').click(function(){
		j$('li').has('ul').css('background-color', 'blue');
	});

• list item 1
• list item 2
  • list item 2-a
  • list item 2-b
• list item 3
• list item 4

push!

hasの引数に指定したセレクタが含まれているものを取り出してくれるようですね。上のpush!を押すと、ulの中からliが含まれているものの背景を青にしてくれます。
＃j$('ul')で指定しちゃったからブログ内のどっかももしかしたら
青くなっちゃうかもｗｗｗ

☆jQuery.isEmptyObject()

	j$('#emptyobj1').click(function(){
		alert(j$.isEmptyObject({}));
	});
	j$('#emptyobj2').click(function(){
		alert(j$.isEmptyObject({foo: 'bar'}));
	});

EmptyObject
notEmptyObject

isEmptyObjectの引数に指定したものが空のObjectかどうか見てくれるようです。EmptyObjectを押下で、引数{}にした時の結果。notEmptyObjectを押下で、fooプロパティ付きのObjectを引数にした時の結果が表示されます。

＃もちろん、isEmptyObject(new Object())もtrueになりますｗ

☆jQuery.isPlainObject()

	j$('#plainobj1').click(function(){
		var numarray = [
			'zero', 'ichi', 'ni'
		];
		alert(j$.isPlainObject(numarray));
	});
	j$('#plainobj2').click(function(){
		var numobj = {
			'0': 'zero'
			,'1': 'ichi'
			,'2': 'ni'
		}
		alert(j$.isPlainObject(numobj));
	});

配列は・・・？
Objectは・・？

isPlainObjectは引数で渡されたものがObjectかどうか見てくれるようです。
「配列は・・・？」を押下で、配列を引数に渡します。
「Objectは・・？」を押下で、配列のようなObjectを渡します。
これはちょっと便利ですかね。


残り8個！


＊delay()はこちら
＊clearQueue()、jQuery.contains()はこちら
＊detach()はこちら
＊focusin()、focusout()はこちら

JavaScript & Ajax プロが教える“本当の使い方”
著者：MdN編集部
販売元：MdN
発売日：2009-07-31
クチコミを見る

うは！知らないうちに jQuery 1.4 vol.4

( ゜▽゜)/こんばんは！

今日はこれ！

☆focusin() 
☆focusout() 

	j$('#focus').focusin(function(){
		j$('#focusmsg').text('フォーカスがあたりました');
	});
	j$('#focus').focusout(function(){
		j$('#focusmsg').text('フォーカスが外れました');
	});

 

上のテキストフィールドにフォーカスを合わせると「フォーカスがあたりました」の文字が、フォーカスを外すと「フォーカスが外れました」の文字が出ます。

フォーカスがあたったときの動作と、フォーカスが外れた時の動作を指定出来る関数ですね。

これは結構便利そうですね！

記述も簡単だしわかりやすいですね！

＊delay()はこちら
＊clearQueue()、jQuery.contains()はこちら
＊detach()はこちら


JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス
著者：Douglas Crockford
販売元：オライリージャパン
発売日：2008-12-22
おすすめ度：
クチコミを見る



JavaScript 第5版
著者：David Flanagan
販売元：オライリー・ジャパン
発売日：2007-08-14
おすすめ度：
クチコミを見る

うは！知らないうちに jQuery 1.4 vol.3

( ゜▽゜)/こんばんは！

ようやく書ける日が来ました・・・
けど今日もjQuery1.4の新メソッド一個だけ。。。。

☆detach()

j$(document).ready(function(){
	var tmp;
	j$("#detach").click(function(){
		tmp = j$(this).detach();
	});
	j$("#attach").click(function(){
		if(tmp) tmp.appendTo(j$("#detachfield"));
	});
});

detach attach

detach()はremove()と同じく要素削除のメソッドなんですが
違うのは削除したのを保存することが出来ることｗ

まぁ行ってみれば「切り取り」的な感じでしょうか。
切り取ったものは、後で任意のDOM要素に追加できます。

上の例では、detachボタンを押すと、detachボタンを切り取って
attachボタンを押下でdetachfield（detachボタンとattachボタンを囲っているdiv要素）に追加してます。

ちなみに中身は・・・ｗ

detach: function( selector ) {
		return this.remove( selector, true );
		},

はぁ。。。いつまで忙しいやら

＊delay()はこちら
＊clearQueue()、jQuery.contains()はこちら

JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス
著者：Douglas Crockford
販売元：オライリージャパン
発売日：2008-12-22
おすすめ度：
クチコミを見る

JavaScript 第5版
著者：David Flanagan
販売元：オライリー・ジャパン
発売日：2007-08-14
おすすめ度：
クチコミを見る