jquery - 这些jquery选择器语句有什么区别

Question

我对 jquery 选择器语句的这 3 种用法感到非常困惑。这三个人似乎都会选择带有 intro 类的标签 p 。怎么有 3 个不同的选择器语句？

$("p").filter(".intro")

$("p.intro")

$("p .intro")

Answer 1

前两个最终得到的对象都是“p”和“.intro”(例如，这些选择器由完全相同的对象满足)。

最后一个对象是 ".intro"，但有一个父对象 "p"。

进一步说明:

<小时/>

$("p").filter(".intro")

获取所有“p”元素。然后将该集合减少为仅包含 ".intro" 的集合。

<小时/>

$("p.intro")

查找同时为 "p" 和 ".intro" 的所有对象(在同一对象上)。不同选择器标准之间没有空格意味着它们必须在同一对象上找到。

<小时/>

$("p .intro")

查找所有具有父级“p”的“.intro”对象。不同选择器标准之间的空格意味着它们出现在层次结构的不同级别(例如，不在同一对象上 - 父对象，然后是子对象，但之间有任意数量的级别)。为了与上面两个创建一点对称，这个给出了相同的结果:

$("p").find(".intro");