Question

当我将鼠标悬停在一个元素上时，所有元素都会突出显示，这是我的代码：

$(document).ready(function(){
            $("p").hover(function(){
            $("p").css("background-color","yellow");
            },function(){
            $("p").css("background-color","transparent");
            });

我想知道我是否一次只能突出显示一个，而不是手动为每个人添加一个

Answer 1

您定位文档中的每个p。你需要限制它

编辑：删除了答案的第一部分
@littletipz提供的答案要好得多。第二部分仍然有效......

或仅限CSS示例

http://jsfiddle.net/bvsTg/

p:hover {
    background-color: yellow;
}

Answer 2

尝试使用$(this)

而不是

        $("p").hover(function(){
        $("p").css("background-color","yellow");
        },function(){
        $("p").css("background-color","transparent");
        });

使用

        $("p").hover(function(){
        $(this).css("background-color","yellow");
        },function(){
        $(this).css("background-color","transparent");
        });

Answer 3

如果您不想同时对所有元素产生影响，可以使用此停止功能：

    $("p").hover(function(){
        $(this).stop().css("background-color","yellow");
    },function(){
        $(this).stop().css("background-color","transparent");
    });

http://api.jquery.com/stop/

jquery悬停在一个元素上，突出显示所有元素

3 个答案: