怎么给jquery添加的元素添加事件

怎么给jquery添加的元素添加事件,第1张

有2种方法:

最简单的方法就是直接在标签中写onclick="",但是这样写其实棚亩是有点low的,

第二种方式是通过给类名绑定一个事件

<p id="pLabel">新加一条</p>

<ul id="ulLabel">

 <li class="liLabel">aaa1</li>

 <li class="liLabel">aaa2</li>

 <li class="liLabel">aaa3</li>

</ul>

<script type="text/javascript">

$("#pLabel").click(function(){

 $("#ulLabel").append('<li class="liLabel">aaaQ</li>') //动态像ul的末尾追加一个新元素

})

</script>

方法一:使用live

live()函数会给被选的元素绑定上一个或者多个事件处理程序,并且规定当这些事件发生时运行的函数。通过live()函数适用于匹配选择器的当前及未来的元素。比如,通过脚本动态创建的元素。

$('.liLabel').live('click', function(){

 alert('OK')

})

方法二:使用on

可以通过on方法绑定事件,可以绑定到它的父级或者body中,实现如下:

$("#ulLabel").on('click','.liLabel',function(){

 alert('OK')

})

或者:

$("body").on('click','.liLabel',function(){

 alert('OK')

})

注意皮和脊绑定的事件,需要绑燃渗定在父元素。

可以手如先给div标签设置id,然后给这个id绑定点击事件。

1、新建html文档,在body标签中添加一个div标签,为div标签设置一个id,这铅渗里以“demo”为例:

2、在head标签中引入jquery的js文件,这时可以使用毕激启cdn链接:

3、添加script标签,在script标签中绑定“demo”,然后使用click函数为div标签绑定点击事件:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/8035824.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存