如何解决将悬停添加到页面上的所有元素
| 我需要向页面上的所有元素添加一个悬停事件,我这样做是这样的:$(\"*\").hover(
function () {
$(this).addClass(\'hoverElem\'); ;
},function () {
$(this).removeClass(\'hoverElem\');
}
);
现在我需要让它在每个元素上都发生事件,而不是在身体元素上发生事件,有什么想法吗?
谢谢。
解决方法
尝试选择正文下的所有元素:
$(\"body *\").hover(...)
, $(\'body *\').hover(function() {
// ...
});
, 如您在thihttp://jsfiddle.net/D42d5/中所见
您可以使用not选择器,以便选择器看起来像这样:
$(\"*:not(body)\").hover(
function () {
$(this).addClass(\'hoverElem\'); ;
},function () {
$(this).removeClass(\'hoverElem\');
}
);
, 也许您可以使用绑定和取消绑定。
像这样
$(\"*\").bind(\'hover\',function() {
//do something
});
$(\"body\").unbind(\'hover\',function() {
//do something
});
, 以其他方式尝试:
$(\"#IframeID\").contents().find(\"body *\").hover(
function () {
$(this).addClass(\'hoverElem\');
},function () {
$(this).removeClass(\'hoverElem\');
}
);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。