articles

2010 年 3 月 30 日

jQuery 知らなかった子要素の選択方法

CATEGORYEventsjQuerySelectors   TAG 6:44 PM

DesignReviver
http://designreviver.com/wp-content/uploads/2008/10/example.html

に下記の記述があったのですが、なにかよくわかりませんでした。

$("ul",this)

これは$(this)の中のul要素を選択する時などに使うと思われますが、
初めて見てしまいました。
知らないとはおっかないね。

2010 年 2 月 20 日

jQuery COREのeq()とSelectorsの:eq

CATEGORYCorejQuerySelectors   TAG 1:31 PM

これもやってることは同じだと思います。

$("div:eq(2)").addClass("test");
$("div").eq(2).addClass("test");

場面によって使い分ける形で。
セレクタだったか、関数だったかとこんがらがってました。
両方ありました。

$(“#test:eq(2)”)で
$(“#test:eq[2]”)ではない

2010 年 1 月 27 日

jQuery :checkboxを使った事がなかった

CATEGORYjQuerySelectors   TAG 8:02 PM

IDがspan_existsのチェックボックスをのチェックで
日付フォームの表示を切り替える。
こんなセレクタがいくのかと思ってましたが、いくもんですね。

$(":checkbox#span_exists").change(function(){
	$("#span_area").toggle();
});

2009 年 11 月 13 日

jQuery :eq()と同時に覚えておきたい:nth-child()

CATEGORYSelectors   TAG 3:26 AM

:eq(n)は「該当する要素集合のn番目」ですが、
:nth-child(n)は「各親要素のn番目」だそうです。

nthはれっきとした英語だそうで、数学で習う不定の数を表す n に -th が付いたようなものだそうです。
意味的にも、何度目かのといった具合のニュアンスなのかしら?

2009 年 8 月 26 日

jQuery :notと:first

CATEGORYjavascriptjQuerySelectors   TAG 11:32 PM

やったのに忘れそうなのでメモします。
table.sampleの最初の行以外をホバーした時に
クラスを適用します。

$(“table.sample tr:not(:first)”).hover(
function(){
$(this).addClass(“selected”);
},function(){
$(this).removeClass(“selected”);
}
);

2009 年 8 月 5 日

jQuery セレクタで:not()を使う事に

CATEGORYjQuerySelectors   TAG 6:46 PM

カレンダーで、未来のtdには.future、データが見つからないものには.notfound
というクラスを適用していましたが
JQueryにてbackground-imageを変える際、このクラスには適用したくなかったので。
普通です。

$("#calendar td:not(.notfound,.future)").hover(
 function(){$(this).css("background-image","url(images/hover.png)"},
 function(){$(this).css("background-image","url(images/normal.png)"}
);

さらに空白のタグも選びたくない場合

$("#calendar td:not(.notfound,.future,:empty)")

としたら出来ました。

:not()の中に:emptyがあって、不思議です。