首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >$("#item1 #item2")和$("#item1>#item2")有什么区别吗?

$("#item1 #item2")和$("#item1>#item2")有什么区别吗?
EN

Stack Overflow用户
提问于 2011-06-09 01:12:12
回答 4查看 176关注 0票数 2

我在审查代码时发现

代码语言:javascript
运行
复制
$("#item1 #item2") and $("#item1>#item2")

可以互换使用。有什么不同吗?还是相同的?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-06-09 01:13:29

两者都将匹配

代码语言:javascript
运行
复制
<div id="item1">
    <div id="item2">
    </div>
</div>

但只有第一个匹配

代码语言:javascript
运行
复制
<div id="item1">
    <div>
        <div id="item2">
        </div>
    </div>
</div>

第一个表达式使用descendant selector。第二个表达式中的>符号是child selector。两者都是标准的CSS选择器。

但是,由于id必须是唯一的,所以两者都过于复杂。相反,您应该只使用$('#item2')

票数 5
EN

Stack Overflow用户

发布于 2011-06-09 01:15:42

与CSS选择器相同

代码语言:javascript
运行
复制
#this #that

表示作为#this的子级的任何#that

Where as

代码语言:javascript
运行
复制
#this>#that

仅表示#that,它是#this的直系后代。

More reading on descendant selectors.

票数 1
EN

Stack Overflow用户

发布于 2011-06-09 01:16:07

>符号表示“仅包括作为该元素直接子元素的元素”。因此,如果只想选择作为#item1的子节点的子节点,请使用它,否则使用第一个选项。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6282580

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档