欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2016年05月28日 10:31:13   作者：keyunq  
這篇文章主要介紹了jQuery操作動(dòng)態(tài)生成的內(nèi)容的方法,對(duì)比分析了bind與live方法,說明了live方法在處理新增元素時(shí)的作用,需要的朋友可以參考下

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

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

document.getElementById("xxx").value

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

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

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

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

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

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

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

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

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

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

然后再添加一個(gè)新元素：

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

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

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

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

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

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

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

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jquery中Ajax用法總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動(dòng)畫與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》

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

相關(guān)文章

最新評(píng)論