成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? jQuery操作動態生成的內容的方法
全站頭部文字 我要出現在這里
jQuery操作動態生成的內容的方法 661 2024-03-02   

本文實例講述了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.gimoo.net/code/js

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

json代碼在線格式化/美化/壓縮/編輯/轉換工具:
http://tools.gimoo.net/code/jsoncodeformat

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

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

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



主站蜘蛛池模板: 韩国电影《表妹》| 汤唯完整版| 羞羞的铁拳演员表| 赵琦| 绿巨人2| 无内裤全透明柔术视频| 宋学士濂文言文翻译| 色在线播放| 合肥一中最后一卷| 王李| 刑事侦缉档案2剧情介绍| 电影《uhaw》免费观看| karina hart| 边陲迷雾| 中央八套电视剧| 建设工程监理规范最新版50319-2019| 美式禁忌2| 五年级上册语文课时练答案| 秀人网周妍希| 火柴人游戏机怎么做| 娟子演的所有电视剧| 男生帅气动漫头像| 美辰之屋| 工程力学电子版教材| 男女视频在线播放| 电视剧狙击手免费全集播放| 那些年,那些事 电视剧| 流行歌简谱| 病毒感染血常规有什么异常 | 寡妇高潮一级片免费看| 动漫秀场| 夜半2点钟| 延禧| 欲孽迷宫电影| 美女上厕所| 声优闺蜜小涵| 马文的战争电影完整视频观看| 永濑佳子| 少儿不宜视频| 视频污| 久草电影|

!!!站長長期在線接!!!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103