首页 > 其他分享 >jQuery 事件解绑

jQuery 事件解绑

时间:2023-05-30 16:33:31浏览次数:41  
标签:jQuery function off 好孩子 li 事件 解绑 click


事件.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>


标签:jQuery,function,off,好孩子,li,事件,解绑,click
From: https://blog.51cto.com/u_16144724/6380371

相关文章

  • jquery 创建,追加,删除节点
    <!DOCTYPEhtml><htmllang="en"> <head> <metacharset="UTF-8"> <title>Title</title> <scriptsrc="js/jquery-3.5.1.min.js"></script> </head> <body> <ul&g......
  • jquery 全选,反选复选框
    <!DOCTYPEhtml><htmllang="zh-CN"> <head> <metacharset="UTF-8"> <title>我的购物车-品优购</title> <linkrel="stylesheet"href="css/base.css"> <linkrel="styleshee......
  • vue事件修饰符
    @click@click直接点击,会触发父元素事件例如:<template><div@click="parentClick"><div@click="childClick">子界面</div></div></template><script>exportdefault{ ......
  • JS中的事件监听
    JavaScript的事件监听是一种机制,用于在HTML文档中的元素上注册事件处理程序,以便在特定事件发生时执行相应的JavaScript代码。事件监听的基本思想是将事件处理程序(也称为事件回调函数)绑定到特定的事件上。所谓特定的事件是当用户与页面进行交互时,比如点击按钮、键盘输入、鼠标移动......
  • JS判断视频Video的播放、暂停、结束完成及获取长度事件监听处理
    在日常应用场景中,可能会遇到这么一个情况,需要判断用户是否完整的观看完了一部视频,在这个场景中,和视频相关的事件大体涉及到几个部分,获取视频长度,视频开始播放,暂停播放和播放结束,下面来看下如何通过JavaScript来监听获取视频的这几种状态。(1)html页面视频标签大体如下<videoid="v......
  • Vue横向滚动条拖动事件
    <template><divclass="scroll-container"ref="scrollContainer"v-on:mousedown="handleMouseDown"v-on:mousemove="handleMouseMove"v-on:mouseup="handleMouseUp"><div......
  • WPF事件(事件&路由事件)
    本篇文章学习于:刘铁猛老师《深入浅出WPF》WPF的树型结构路由(Route)一词的大意是这样:起点与终点间有若干个中转站,从起点出发后经过每个甲转站时要做出选择,最终以正确(比如最短或者最快)的路径到达终点。WPF把这种直接消息模型升级为可传递的消息模型——前面我们已经知道WPF......
  • Echarts 阴影点击事件获得当前柱状图的索引值方法
    Echarts阴影点击事件获得当前柱状图的索引值方法//什么在option外面的变量varclickIndex;option={//配置信息tooltip:{//提示框//提示触发类型:不触发trigger:'none',},//formatter回调函数,formatter:val=>{......
  • 【Azure 事件中心】如何查看Event Hub的生产者或者是消费者端的IP地址呢?
    问题描述哪些客户端IP正在向/从AzureEventHub发送/接收事件?如何来查看EventHub的生产者端,消费者端的IP地址呢? 问题解答如果需要查看EventHub服务端的日志,可以在Azure门户上开启诊断日志来查看。默认情况下,我们并不能看见EventHub的生产者,消费者端所使用的IP地址。在查看官......
  • 【Azure 事件中心】如何查看Event Hub的生产者或者是消费者端的IP地址呢?
    问题描述哪些客户端IP正在向/从AzureEventHub发送/接收事件?如何来查看EventHub的生产者端,消费者端的IP地址呢? 问题解答如果需要查看EventHub服务端的日志,可以在Azure门户上开启诊断日志来查看。默认情况下,我们并不能看见EventHub的生产者,消费者端所使用的IP地址。......