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

jquery html動(dòng)態(tài)添加的元素綁定事件詳解

 更新時(shí)間：2016年05月24日 10:30:37   投稿：jingxian  
下面小編就為大家?guī)?lái)一篇jquery html動(dòng)態(tài)添加的元素綁定事件詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

在實(shí)際開(kāi)發(fā)中會(huì)遇到要給動(dòng)態(tài)生成的html元素綁定觸發(fā)事件的情況：

<div id="testdiv">
  <ul></ul>
</div>

假設(shè)我們要給ul動(dòng)態(tài)添加的<li>綁定click事件形成如下結(jié)果

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

//主動(dòng)觸發(fā)某個(gè)<li>的click事件

// $("#testdiv ul li[name='apple']").trigger("click");

</script>

以上這篇jquery html動(dòng)態(tài)添加的元素綁定事件詳解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論