色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery live each

吉茹定1年前7瀏覽0評論

jQuery的live函數和each函數都是非常常用的函數,今天我們來學習一下它們的用法。

//每個元素的遍歷
$("li").each(function(index,element){
console.log(index+": "+$(this).text());
});
//元素的事件委托
$("ul").on("click", "li", function(){
console.log($(this).text());
});

首先是each函數,它可以遍歷集合中的每個元素,我們可以在回調函數中獲取元素和元素的下標。回調函數中的this指向當前遍歷的元素,我們可以使用$(this)獲取當前元素的jQuery對象。使用each函數遍歷元素一般用于元素的操作。

其次是live函數,它是在jQuery1.7版本之前提供的一種事件綁定方式,可以為動態生成的元素綁定事件。但由于在jQuery1.9版本中被廢棄,推薦使用on函數進行事件委托。使用on函數時,需要傳入事件、被委托元素的選擇器和事件處理函數。當在被委托元素上進行事件操作時,事件會冒泡到指定的選擇器所在的父元素上,從而發生事件委托。

// live函數綁定點擊事件
$("li").live("click", function(){
console.log($(this).text());
});
// on函數綁定點擊事件
$("ul").on("click", "li", function(){
console.log($(this).text());
});

總之,each和live函數都是非常實用的函數,可以提高我們的開發效率。