<分区>
标签 javascript jquery html css
<分区>
(下面的代码)尝试在 div 中的文本上获得悬停效果。在 JQuery 中使用类选择器，当我使用 $('.abc') 时它没有命中，但当我使用 $('#top-nav- 1') - 不确定为什么我在二级类中选择它时它不能被击中。我可以遍历并使用所有 id，但我宁愿只使用一个 class - 毕竟，这就是它们的用途!
在此先感谢您对此的投入。
HTML:
<div id="top-nav-1" class-"container abc">The Text</div>
CSS:
.container {
color: black;
}
JQuery:
$('.abc').hover(function() {
$(this).css('color','red');
});
fiddle :http://jsfiddle.net/yB9Jq/
最佳答案
您输入错误:class=，而不是class-(= 不是-)。
此外，jQuery 的 .hover()接受两个函数作为参数:
.hover( handlerIn(eventObject), handlerOut(eventObject) )
举个例子:
$('.abc').hover(
function() {
$(this).css('color','red');
},
function() {
$(this).css('color','');
}
);
关于javascript - 使用辅助类作为选择器时 JQuery 没有命中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21009409/
相关文章：
javascript - 引导模式 : is not a function
javascript - codepen 中的 photoswipe.js 空白渲染
javascript - 在新选项卡/窗口中打开图像而不触发下载
javascript - 标题中的图像在 Word for Desktop 中显示，但在 Word Online 中消失
javascript - 使用拦截器处理 Ionic App 中的离线数据
javascript - Jquery 加载间歇性导致未定义错误
javascript - 如何确保外部 JS 代码作为第一个加载