问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

jQuery怎么去掉标签的hover效果

发布网友 发布时间:2022-04-22 14:26

我来回答

3个回答

懂视网 时间:2022-04-22 18:47

这篇文章主要讲了如何使用bind去绑定hover方法,以及如何用unbind取消绑定的事件,具有一定的参考价值,有需要小伙伴可以看看。

在网页设计中,我们经常使用jquery去响应鼠标的hover事件,和mouseover和mouseout事件有相同的效果,但是这其中其中如何使用bind去绑定hover方法呢?如何用unbind取消绑定的事件呢?

一、如何绑定hover事件

先看以下代码,假设我们给a标签绑定一个click和hover事件:

$(document).ready(function(){
 $('a').bind({
 hover: function(e) {
 // Hover event handler
 alert("hover");
 },
 click: function(e) {
 // Click event handler
 alert("click");
 }
 });
});

当点击a标签的时候,奇怪的事情发生了,其中绑定的hover事件完全没有反应,绑定的click事件却可以正常响应。
但是如果换一种写法,比如:

$("a").hover(function(){
 alert('mouseover');
}, function(){
 alert('mouseout');
})

这段代码就可以正常的运行,难道bind不能绑定hover?

其实不是,应该使用 mouseenter 和 mouseleave 这两个事件来代替,(这也是 .hover() 函数中使用的事件) 所以完全可以直接像这样来引用:

$(document).ready(function(){
 $('a').bind({
 mouseenter: function(e) {
 // Hover event handler
 alert("mouseover");
 },
 mouseleave: function(e) {
 // Hover event handler
 alert("mouseout");
 },
 click: function(e) {
 // Click event handler
 alert("click");
 }
 });
});

因为.hover()是jQuery自己定义的事件,是为了方便用户绑定调用mouseenter和mouseleave事件而已,它并非一个真正的事件,所以当然不能当做.bind()中的事件参数来调用。

二、如何取消hover事件

大家都知道,可以使用unbind函数去取消绑定的事件,但是只能取消通过bind绑定的事件,jquery中的hover事件是比较特殊的,如果通过这种方式去绑定的事件,则无法取消。

$("a").hover(function(){
 alert('mouseover');
}, function(){
 alert('mouseout');
})

取消绑定的hover事件的正确方式:

$('a').unbind('mouseenter').unbind('mouseleave');

三、总结

其实,这些问题可以去参看jquery官方的说明文档,只是很少有人去看过,网上的大多数教程只是讲解如何去使用这个方法,达到目的即止,并没有深入的了解为什么这么写?如果你有什么疑惑,欢迎评论留言。

热心网友 时间:2022-04-22 15:55

1、如果是js/jQuery绑定的事件,使用unbind()方法去掉事件绑定

2、如果hover效果是css控制,使用removeClass()去掉该标签的class

$("#id").removeClass("hover");

热心网友 时间:2022-04-22 17:13

用jquery加一个class 然后那个class设置hover事件
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
...△=口+口+口,问△、o、口谁大谁小,小学一年级数学期末附加题_百度知 ... 一年级数学△ +△ +〇 +〇 +〇=27,△ +△+ 〇 +〇+ △ +△=22问△=... 上海南浦大桥长途客运中心到虹桥机场第二航站楼怎么走? 上海浦东国际机场2号航站到上海长途汽车客运总站,最快怎么走,用时多少... 从上海长途汽车客运总站到虹桥机场2号航站楼 木头爱上烈火简介 省直遴选面向哪些群体? 义务教育阶段的学生有什么权利和义务? ngclz型带制动轮鼓形齿式联轴器内容简介 GⅡCL型基本型(窄型)鼓形齿式联轴器基本参数 深圳拓展哪个做得不错? 公司近期想组织一次去南澳户外拓展玩一下,我想知道,在深圳哪一家拓展公司的基地在南澳,比较好一点的公 请问人类是什么时候开始使用油盐做菜的 人类最早在什么时候开始提炼石油的人类最早在什么时 什么时候人们开始用油炒菜? 从什么时候人类开始用油炒菜 人类从什么时候开始使用石油作为能源 在汉朝之前,古人使用的食用油,都是以什么原料为主? 中国人从历史上看何时开始吃油,即油什么时代开始进入中国人的生活 人类什么时候开始使用石油作为能源。 人类是从什么时候开始用石油的? 请问,人类什么时候开始吃食用油的? 人类是从什么时候会用食用油炒菜的? 专业修补漏水的方法谁能给我介绍下?有没有人了解? 东莞石碣哪里有防水补漏 石碣哪里有做防水补漏的公司? 石碣防水补漏,防水补漏,石碣哪里有防水补漏 河南坠子徐延忠搬兵第五部第10完没有 哪里可以免费下载河南坠子《徐延忠搬兵》? 徐延忠一共多少集 外贸企业财务部门工作总结怎么写 梦见路边捡了鞋子试一下不合适被我丢了? 我们的公司是新成立的外贸公司,我做的是文员,年终总结怎样写? 断桥铝型材的表面氟碳处理是怎样的? 美团开店宝怎样查看顾客团购订单- 问一问 工业级和桌面级3D打印有什么区别吗? 卖旱烟需要什么手续 石楠木烟斗能抽旱烟吗 水烟和旱烟有什么区别 雪茄、卷烟、水烟、旱烟、大烟有何区别 猴年出生今年多大? 子杰词语意思是怎么解读 子杰的名字故事是什么? 子杰的名字来历是什么? 50多岁猴年出生端午节生日的人 现在具体50几岁 起名许子杰,请帮忙测试一下名字好不好,谢谢! 我自己取了 名字 姚子杰 你们看好不好 章梓杰名字的含义来历? 猴年出生的人几月好 女孩名字起个马子杰是什么意思?寓意什么