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");
}});