JQ之事件委托用on()给父级绑定委托事件

最新推荐文章于 2023-07-07 16:55:54 发布

haima2416

最新推荐文章于 2023-07-07 16:55:54 发布

阅读量1.1w

点赞数

分类专栏： jQuery

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/u010924692/article/details/78267714

版权

jQuery 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JQ之事件委托</title>
<script type="text/javascript" src="./js/jquery.js"></script>
</head>
<body>
<input type="button" name="" value="添加li">
<ul>
<li>春</li>
<li>夏</li>
<li>秋</li>
</ul>
</body>
<script type="text/javascript">
$('ul').on('click','li',function(){ //给li的父标签绑定委托事件
alert($(this).text());//点击时候弹出JQ获取li里文本内容的
//alert(this.innerHTML);//JS里获取里文本内容的方法
console.log(this);
});
// $('ul').off('click','li');
$('input').bind('click',function(){
$('li:first').before('<li>冬</li>');
});
</script>
</html>

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQ之事件委托用on()给父级绑定委托事件

JQ之事件委托春夏秋 $('ul').on('click','li',function(){ //给li的父标签绑定委托事件 alert($(this).text());//点击时候弹出JQ获取li里文本内容的 //alert(th
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。