快捷導(dǎo)航

jQuery操作動態(tài)生成的內(nèi)容的方法

更新時間：2016年05月28日 10:31:13 作者：keyunq

這篇文章主要介紹了jQuery操作動態(tài)生成的內(nèi)容的方法,對比分析了bind與live方法,說明了live方法在處理新增元素時的作用,需要的朋友可以參考下

本文實例講述了jQuery操作動態(tài)生成的內(nèi)容的方法。分享給大家供大家參考，具體如下：

由于jQuery是頁面一加載獲取頁面元素的，后期動態(tài)生成的元素，通過$("#xxxx")獲取不到，需要用原始的js語句來獲?。?/p>

document.getElementById("xxx").value

對于動態(tài)生成的元素，bind綁定的事件也無法觸發(fā)，需要通過jQuery提供的另外一個方法 .live()

這個方法是基本是的 .bind() 方法的一個變體。使用 .bind() 時，選擇器匹配的元素會附加一個事件處理函數(shù)，而以后再添加的元素則不會有。為此需要再使用一次 .bind() 才行。比如說

<body>
 <div class="clickme">Click here</div>
</body>

可以給這個元素綁定一個簡單的click事件：

$('.clickme').bind('click', function() {
 alert("Bound handler called.");
});

當(dāng)點擊了元素，就會彈出一個警告框。然后，想象一下這之后有另一個元素添加進來了。

$('body').append('<div class="clickme">Another target</div>');

盡管這個新的元素也能夠匹配選擇器 ".clickme" ，但是由于這個元素是在調(diào)用 .bind() 之后添加的，所以點擊這個元素不會有任何效果。

.live() 就提供了對應(yīng)這種情況的方法。如果我們是這樣綁定click事件的：

$('.clickme').live('click', function() {
 alert("Live handler called.");
});

然后再添加一個新元素：

$('body').append('<div class="clickme">Another target</div>');

然后再點擊新增的元素，他依然能夠觸發(fā)事件處理函數(shù)。

PS：這里再為大家推薦幾款代碼格式化、美化工具，相信大家在以后的開發(fā)過程中會用得到：

在線JavaScript代碼美化、格式化工具：
http://tools.jb51.net/code/js

JavaScript壓縮/格式化/加密工具：
http://tools.jb51.net/code/jscompress

json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具：
http://tools.jb51.net/code/jsoncodeformat

在線JSON代碼檢驗、檢驗、美化、格式化工具：
http://tools.jb51.net/code/json

希望本文所述對大家jQuery程序設(shè)計有所幫助。

您可能感興趣的文章:

最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线