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函數都是非常實用的函數,可以提高我們的開發效率。