jq为动态创建的元素绑定事件


jquery中的on()为新添加的动态元素绑定事件

html代码:

<div>
  <p>弹出</p>
  <button>添加元素</button>
</div>

jq代码:

$("button").click(function(){
  $("button").before("<p>"+"新建的"+"</p>")
})
$("div p").each(function(){                         //点击按钮生成的元素p,无法绑定事件:alert(”123“)
  $(this).on("click",function(){            
    alert("123")
  })
})
$("div p").each(function(){                         //点击按钮生成的元素,依然可以绑定事件:alert("123")
  $(this).parent().on("click","p",function(){              //.on前面是元素p的父级,第二个参数,是绑定事件对象。
    alert("123")
  })
})

 希望对大家有帮助,live高版本移出了!建议大家不要用了!


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM