今日のびっくり:今日知ったjQueryAPI仕様
jQueryをわりと覚えてきたので、本家jQueryAPIページでも見てみようかなと思ったら。 こんなことできたんだ、がいろいろ。忘れないために、メモメモ。知らないことばかりなので、初耳マーク「★」をつけてます。
.delegate__$(セレクタ)内の指定要素に、.liveみたいなイベントを登録する。
$("table").delegate("td", "hover", function(){ $(this).toggleClass("hover"); });
hoverの使いかたも初めて知った。.bindでもhover使えるんだ。 ちなみに、hoverは.mouseenterと.mouseleaveの両方に同じイベントをバインドする。.mouseenterもあるんだ・・・(それも知らなかった)
jQuery の hover() について調べたことのまとめ - tilfin's note
$('#foo').bind('mouseenter mouseleave', function() { $(this).toggleClass('entered'); });
↑これがhoverとおなじになる。★.bindって、2つ以上のイベントを同時に登録できるんだ!
しかも見ろよ、、
$('#foo').bind({ click: function() { // do something on click }, mouseenter: function() { // do something on mouseenter } });
★.bindを{}(オブジェクト)形式で複数いっしょに登録もできるんだね。。。
var i = 0; $box = $("#box"); $box.bind('mouseover',i,enterHandler); function enterHandler(e){ console.log(e.pageX + ' ' + i); i++; }