articles

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があって、不思議です。