本文實例講述了jQuery操作動態生成的內容的方法。分享給大家供大家參考，具體如下：
由于jQuery是頁面一加載獲取頁面元素的，后期動態生成的元素，通過$("#xxxx")獲取不到，需要用原始的js語句來獲取：
document.getElementById("xxx").value對于動態生成的元素，bind綁定的事件 也無法觸發，需要通過jQuery提供的另外一個方法 .live()
這個方法是基本是的 .bind() 方法的一個變體。使用 .bind() 時，選擇器匹配的元素會附加一個事件處理函數，而以后再添加的元素則不會有。為此需要再使用一次 .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>');然后再點擊新增的元素，他依然能夠觸發事件處理函數。
PS：這里再為大家推薦幾款代碼格式化、美化工具，相信大家在以后的開發過程中會用得到：
在線JavaScript代碼美化、格式化工具：
http://tools.VeVB.COm/code/js
JavaScript壓縮/格式化/加密工具：
http://tools.VeVB.COm/code/jscompress
json代碼在線格式化/美化/壓縮/編輯/轉換工具：
http://tools.VeVB.COm/code/jsoncodeformat
在線JSON代碼檢驗、檢驗、美化、格式化工具：
http://tools.VeVB.COm/code/json
更多關于jQuery相關內容感興趣的讀者可查看本站專題：《jquery中Ajax用法總結》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結》、《jQuery擴展技巧總結》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》、《jquery選擇器用法總結》及《jQuery常用插件及用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
新聞熱點
疑難解答
