[jQuery] .live(), .hover() の解説

サンプル

jQuery('#live1').live('click', handler)
.live( eventType, handler ) はハンドラを一つだけとることが出来ます。
jQuery('#live2').live( 'mouseover mouseout', handler )
"Multiple Events" を使うことで複数イベントを一つのハンドラに設定することが出来ます。
jQuery('#live3').live( 'mouseenter mouseleave', handler )
"mouseenter", "mouseleave" はjQueryの拡張イベントですが、"Multiple Events" に出来ます。
jQuery('#hover').hover( handlerIn(eventObject), handlerOut(eventObject) )
.hover() は "mouseenter", "mouseleave" のイベントハンドラをそれぞれ指定します。
jQuery('#live4').live( 'hover', handler )
"hover" は "mouseenter mouseleave" と同等なので、"Multiple Events" に出来ます。

参考URL

jQuery

目次

.ready( handler )

DOMContentLoaded, document.ready === 'completed' と同じ。

下記3点のコードは全て同じ意味を持ちます。

// (1)
jQuery(document).ready(function() {
  // Handler for .ready() called.
});

// (2)
jQuery().ready(function() {
  // Handler for .ready() called.
});

// (3)
jQuery(function() {
  // Handler for .ready() called.
});

.load( handler(eventObject) )

jQuery(window).load(function (event) {
  alert('window loaded!');
});

参考URL

jQuery公式
jQueryリファレンス