pig's diary

何でも忘れるので万年初心者ね

今日のびっくり:今日知った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++;
}