大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章给大家介绍怎么在jQuery中实现事件绑定和解绑,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
为善右等地区用户提供了全套网页设计制作服务,及善右网站建设行业解决方案。主营业务为网站制作、成都网站设计、善右网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件,是继Prototype之后又一个优秀的JavaScript代码库,能够用于简化事件处理、HTML文档遍历、Ajax交互和动画,以便快速开发网站。
事件的绑定和解绑
Title
绑定事件:移动到div块上和点击
解绑事件:取消鼠标移动到上面的事件
事件冒泡-阻止事件冒泡
Title
定义了三个div,在son点击一下弹出1,father点击一下弹出2,grandfather点击一下弹出3,如果我们点击son一下,那么会依次弹出123,点击father一下会依次弹出二三。
按照标签往上传到它的父级
事件冒泡有时候不需要,需要阻止,通过eventstopPropagation()
来阻止
$('.son').click(function (event) {//event就是一个事件对象 //用这个事件对象就能使用事件对象的方法 alert(1); event.stopPropagation();//阻止事件对象冒泡 });
除了阻止事件冒泡,还要阻止一些默认行为,开发中直接return false
就行。
$('.father').bind('click',function () { alert(2); //阻止事件冒泡和阻止默认行为的同意写法 return false; });
弹框
点击弹框外面关闭弹框
Title 弹框里面的文字
关于怎么在jQuery中实现事件绑定和解绑就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。