选择器Jquery
选择器Jquery
提问于 2013-04-11 23:57:32
大家好，我正在学习jquery和JavaScript，里面有一堆div和span，所有的div都有相同的类，span也有相同的类，我想要的是当我把鼠标移到div上时，用跨度标签改变字母的颜色。我将告诉你我是如何构造我的cod和jquery函数的。我想知道如何使用选择器来实现这一点。
这是jsFiddle：
$(".wrap-faq").on("mouseover", hoverFaq);
function hoverFaq(){
$(".wrap-faq .faq .txt-preg-faq").css("color", "white")
$(this).addClass("over");
}
$(".wrap-faq").on("mouseleave", unHoverFaq);
function unHoverFaq(){
$(this).removeClass("over");
}http://jsfiddle.net/xtatanx/jz73b/
回答 4
Stack Overflow用户
回答已采纳
发布于 2013-04-12 00:07:03
我认为你需要一个简单的CSS悬停：
.faq {
color: black;
}
.faq:hover {
background: orange;
color: white;
}这个http://jsfiddle.net/saYFz/是你想要的吗？
Stack Overflow用户
发布于 2013-04-12 00:02:41
当您将鼠标悬停在div上时，此代码将向div添加一个CSS类：
$(".wrap-faq").on("hover",
function(){
// on over, add class "over"
$(this).addClass("over");
},
function(){
// on out, remove class
$(this).removeClass("over");
}
);使用CSS进行跨度操作。像这样：
.over span {color:red;}编辑:如果您只想在span处处理悬停，您可以简单地将选择器修改为：
$(".wrap-faq span")Stack Overflow用户
发布于 2013-04-12 00:03:05
我猜这就是你想要的：
http://jsfiddle.net/jz73b/1/
$(".contents-faq").on("mouseover", '.wrap-faq', function() {
$(".wrap-faq .faq .txt-preg-faq").css("color", "white")
$(this).addClass("over");
}).on("mouseleave", '.wrap-faq', function() {
$(this).removeClass("over");
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15953478
复制相关文章
相似问题
腾讯云开发者
