代码之家 › 专栏 › 技术社区 › Neil N HLGEM

如何在jquery中使用多个选择器?

jquery javascript

Neil N HLGEM · 技术社区 · 17 年前

我使用以下代码将悬停效果应用于一个名为工具栏的DIV中的一组图像:

$("#toolbar img").hover(
    function()
    {
        this.src = this.src.replace("_off", "_on");
    },
    function()
    {
        this.src = this.src.replace("_on", "_off");
    }
);

但我也希望在不重复相同代码的情况下,对一个名为tabs的DIV应用相同的效果。我不能这样做吗?

$("#toolbar, #tabs img").hover(
    function()
    {
        this.src = this.src.replace("_off", "_on");
    },
    function()
    {
        this.src = this.src.replace("_on", "_off");
    }
);

上面的问题只适用于“tabs”部分,而工具栏停止工作。我想我只是把jquery语法搞错了,还是对jquery有点陌生

3 回复 | 直到 16 年前

geofflane 17 年前

用逗号分隔多个选择器。如果您想重新创建第一个示例中的效果,则需要:

$("#toolbar img, #tabs img")

“工具栏img”是整个选择器。它说“将此应用于工具栏ID为的父元素中的任何img标记”。例如。:

<div id ="toolbar">
   <img .../>
   <img .../>
</div>

#标签img,是一个完整的其他选择器。

这些与CSS选择器的语法相同,因此要了解更多信息,请参阅。

SLaks 17 年前

尝试 $("#toolbar img, #tabs img") .

Thinker 17 年前

不应该有“工具栏img”、“选项卡”而不是“工具栏”、“选项卡img”吗?

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前

Eliable · 使点击计数器和进度条协同工作

1 年前

mlri · 从不同的onclick事件执行相同的javascript函数

1 年前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

1 年前

Jack Maessen · 在处理程序上使用时如何获取输入类型

1 年前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

1 年前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

1 年前