亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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.");
});

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

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

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

.live() 就提供了對應這種情況的方法。如果我們是這樣綁定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代碼在線格式化/美化/壓縮/編輯/轉換工具：
http://tools.jb51.net/code/jsoncodeformat

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

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

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

相關文章

最新評論