jQuery 事件解绑

最新推荐文章于 2024-05-18 18:58:15 发布

黄大仙No.1

最新推荐文章于 2024-05-18 18:58:15 发布

阅读量223

点赞数

分类专栏： jQuery 文章标签： js jquery

本文链接：https://blog.csdn.net/qq_44378358/article/details/108277634

版权

jQuery 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

事件.off([事件名][, [子元素名]])
一次性事件:
事件.one(), //用法同on

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Title</title>
		<script src="js/jquery-3.5.1.min.js"></script>
		<script>
            $(function () {
                $('div').on({
                    click: function () {
                        console.log('我点击了');
                    },
                    mouseenter: function () {
                        console.log('我鼠标经过了');
                    }
                })
	            $('div').off('click');
                $('ul').on('click','li',function () {
                    click: $(this).css('color','red');
                })
	            $('ul').off('click', 'li');

                $('p').one('click',function () {    //一次性事件
	                alert(1);
                })
            })
		</script>
	</head>
	<body>
		<div style="width: 200px;height: 200px;background-color:pink;"></div>
		<ul>
			<li>我是好孩子</li>
			<li>我是好孩子</li>
			<li>我是好孩子</li>
		</ul>
		<p>p</p>
	</body>
</html>

黄大仙No.1

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery 事件解绑

事件.off([事件名][, [子元素名]])一次性事件:事件.one(), //用法同on<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-3.5.1.min.js"></script> <script>
复制链接

扫一扫