$('.p')和$('p')jquery之间有什么区别？

Question

我是jQuery的新手,当我从HTML中选择一些类时,我可以通过$('.p')或者来做$('p').我很困惑,有区别吗？

Answer 1

这些基本上都是CSS选择器.可以在jQuery中使用它.

1. $('.p')是类选择器.它将选择所有具有类的元素p.

   在HTML文档中,CSS类选择器根据元素的class属性的内容匹配元素.class属性被定义为以空格分隔的项列表,其中一个项必须与选择器中给出的类名完全匹配.

例:

<a class="p">...</a>
<div class="p anotherClass">...</div>
<span class="firstClass p">...</span>
<p class="p">...</p>

2. $('p')是元素/标签/类型选择器.它将选择所有p(段落)元素.

   CSS类型选择器按节点名称匹配元素.因此,单独使用,特定节点名称的类型选择器将选择该文档中该类型的所有元素(即具有该节点名称).

例:

<p>...</p>
<p class="anyClass">...</p>
<p id="anyId">...</p>

3. 此外,还有一个id选择器.$('#p')将选择id为的元素p.

   在HTML文档中,CSS ID选择器根据该元素的ID属性的内容匹配元素,该属性必须与选择器中给出的值完全匹配.

例:

<anyEl id="p">...</anyEl>

MDN选择器文件