jquery html動態(tài)添加的元素綁定事件詳解
更新時間:2016年05月24日 10:30:37 投稿:jingxian
下面小編就為大家?guī)硪黄猨query html動態(tài)添加的元素綁定事件詳解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
在實際開發(fā)中會遇到要給動態(tài)生成的html元素綁定觸發(fā)事件的情況:
<div id="testdiv"> <ul></ul> </div>
假設我們要給ul動態(tài)添加的<li>綁定click事件形成如下結果
<div id="testdiv"> <ul> <li name="apple">apple</li> <li name="pear">pear</li> </ul> </div> <script> function test(name){ alert("I'm "+name); } //做法如下: $("#testdiv ul").on("click","li", function() { //test($(this).attr("name")); //do something here }); //主動觸發(fā)某個<li>的click事件 // $("#testdiv ul li[name='apple']").trigger("click"); </script>
以上這篇jquery html動態(tài)添加的元素綁定事件詳解就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- JQuery綁定事件四種實現(xiàn)方法解析
- jquery綁定事件 bind和on的用法與區(qū)別分析
- jQuery事件綁定和解綁、事件冒泡與阻止事件冒泡及彈出應用示例
- jquery 給動態(tài)生成的標簽綁定事件的幾種方法總結
- jQuery使用bind函數(shù)實現(xiàn)綁定多個事件的方法
- jQuery綁定事件方法及區(qū)別(bind,click,on,live,one)
- jQuery中的on與bind綁定事件區(qū)別實例詳解
- 淺談jquery之on()綁定事件和off()解除綁定事件
- jQuery on()方法綁定動態(tài)元素的點擊事件無響應的解決辦法
- 深入理解JQuery循環(huán)綁定事件
- jquery事件綁定方法介紹
相關文章
基于jQuery和CSS3實現(xiàn)APPLE TV海報視差效果
這篇文章主要介紹了基于jQuery和CSS3實現(xiàn)APPLE TV海報視差效果,需要的朋友可以參考下2017-06-06jQuery方法簡潔實現(xiàn)隔行換色及toggleClass的使用
隔行換色的展示效果想必大家早已熟悉了吧,今天在幫大家回憶一下本例中主要用到的方法是toggleClass(),感興趣的你可不要錯過了哈,希望可以幫助到你2013-03-03舉例講解jQuery對DOM元素的向上遍歷、向下遍歷和水平遍歷
使用jQuery可以更加容易地遍歷DOM的父級、子級和同級元素,這里我們就來舉例講解jQuery對DOM元素的向上遍歷、向下遍歷和水平遍歷:2016-07-07