分享更有价值
被信任是一种快乐

jquery事件监听的方式有哪些

文章页正文上

本篇内容主要讲解“jquery事件监听的方式有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“jquery事件监听的方式有哪些”吧! jQuery中提供了四种事件监听方式:1、使用bind(),可以为被选元素添加一个或多个事件处理程序,并设置事件处理函数;2、使用live(),可以向当前或未来的匹配元素添加一个或多个事件处理器,并设置处理函数;3、使用delegate(),可以为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序;4、使用on(),可以在被选元素及子元素上添加一个或多个事件处理程序。本教程操作环境:windows7系统、jquery3.6.0版本、Dell G3电脑。jQuery提供了多种绑定事件的方式,每种方式各有其特点,明白了它们之间的异同点,有助于我们在写代码的时候进行正确的选择,从而写出优雅而容易维护的代码。下面我们来看下jQuery中绑定事件的方式都有哪些。jQuery中提供了四种事件监听方式,分别是bind、live、delegate、on,对应的解除监听的函数分别是unbind、die、undelegate、off1、blind定义和用法:为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。语法:特点适用于静态页面,只能给调用它时已存在的元素绑定,不能给未来新增的元素绑定当页面加载完时,才进行blind;示例:点我!2、live定义:向当前或未来的匹配元素添加一个或多个事件处理器;语法:特点:live并没有将事件绑定到自身(this)上,而是绑定到this.context上 正是利用了事件委托机制免费云主机、域名完成事件的监听处理,把节点的处理委托给 document 新添加的元素不必再绑定一次监听器,可多事件处理 只能放在直接选择的元素的后面这是一个段落。注意:live() 方法在 jQuery 版本 1.7 中被废弃,在版本 1.9 中被移除。请使用 on() 方法代替。3、delegatedelegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。语法:特点:更精确的小范围使用事件代理,性能优于.live()。可以用在动态添加的元素上。实例:当单击 元素时,改变所有 元素的背景颜色这个段落在div元素内。这是一个段落。4、on定义:将监听事件绑定到就近父级元素语法:特点:给父元素底下新添加的标签也可以用监听事件也支持多时事件处理示例:点击这个段落。到此,相信大家对“jquery事件监听的方式有哪些”有了更深的了解,不妨来实际操作一番吧!这里是云技术网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@byun.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

相关推荐: es6如何实现对象拷贝

今天小编给大家分享一下es6如何实现对象拷贝的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。 实现方法:1、用“Object.assign()”实…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册