选择器Jquery

hiure 发布于 2019-03-09 css 最后更新 2019-03-09 14:33 0 浏览

你好iam学习jquery和JavaScript,我有一堆的div和跨度里面,所有这些div有相同的类,并且跨度他们都有同样的类我想要的是当我做一个div的鼠标,使用该div内的标签跨度更改字母的颜色。生病让你如何构建我的鳕鱼和我的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/
已邀请:

dab

赞同来自:

我想你想要一个简单的CSS悬停:

.faq {
    color: black;
}
.faq:hover {
    background: orange;
    color: white;
}
这个http://jsfiddle.net/saYFz/是你想要的吗?

menim

赞同来自:

当您将鼠标悬停在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")

lut

赞同来自:

我猜这更像是你想要的: 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");
});

hvelit

赞同来自:

只需在hoverFaq函数中添加以下行:

$(this).find('span').css('color', 'white');
在这里你可以使用它:http://jsfiddle.net/jz73b/2/