jQuery liveメソッド、onメソッド、hoverメソッド現在または将来の一致要素に1つ以上のイベントを追加

1049 ワード

$("button").live("click",function(){
  $("p").slideToggle();
});

live()メソッドで追加されたイベントハンドラは、スクリプトによって作成された新しい要素など、セレクタの現在および将来の要素に一致するのに適しています.
 
$(document).ready(function(){ $('a').on({ mouseenter: function(e) {
    alert("mouseover"); }, mouseleave: function(e) {
    alert("mouseout"); }, click: function(e) {
    alert("click"); } });
});
なぜならhover()はjQuery自身が定義したイベントであり、ユーザがmouseenterとmouseleaveイベントを呼び出すのを容易にするためであり、本物のイベントではないので、当然とは思えない.on()のイベントパラメータを呼び出します.
$("a").hover(function(){ alert('mouseover'); }, function(){
    alert('mouseout'); })
jQueryバージョン1.7以降、on()メソッドはbind()、live()およびdelegate()メソッドの新しい代替品である.$(".iconMenu").live({mouseenter:function(event){
    
$(this).addClass("iconMenu-hovered"); },mouseleave:function(){
    $(".iconMenu-hovered").removeClass("iconMenu-hovered");
}});