デリゲートイベントのデリゲートについて使用方法

 

李の多くは、パフォーマンスに影響を与えるだろうがある場合は、再びそれを介してそれぞれのLi、CPC必見ループにクリックイベントを追加します。

のは、正常な機能のクリックイベントを達成する方法を見てみましょう

< divの クラス = " 箱 " >

< UL >

< 李 > </ 李 >

< 李 > </ 李 >

< 李 > </ 李 >

< 李 > </ 李 >

< 李 > </ 李 >

< 李 > </ 李 >

</ UL >

</ DIV >

< INPUTの クラス =「 BTN 」 タイプの =「 ボタン 」 値 =は「 追加します 」 >

//通常のクリックイベント

$（関数（）{

$（ "李"）。クリックしてください（関数（）{

$（この）の.css（ '背景'、 '赤'）

}）;

}）;

//デリゲートイベント委任：

$（関数（）{

$('ul').delegate("li",'click',function(ev){

$(this).css('background','red')

//这里的this 只的是li,那怎么找到ul呢？

$(ev.delegateTarget).css('background','green')//这个可以找到委托人ul

//那取消委托呢？

$($(ev.delegateTarget)).undelegate("click")

});

})

// delegate 事件委托:事件委托的有点1.提高性能 2.后面追加的元素也带有相同的事件

$(function(){

$('ul').delegate("li",'click',function(ev){

$(this).css('background','red')

//这里的this 只的是li,那怎么找到ul呢？

$(ev.delegateTarget).css('background','green')//这个可以找到委托人ul

//那取消委托呢？

$($(ev.delegateTarget)).undelegate("click")

});

$(".btn").on("click",function(){

$(".box ul").append(" < li >追加进来的 </ li >")

console.log($(".box ul"))

})

})