我是jQuery的新手,当我从HTML中选择一些类时,我可以通过$('.p')
或$('p')
来完成。我很困惑,有区别吗?
答案 0 :(得分:5)
这些基本上都是CSS选择器。可以在jQuery中使用。
$('.p')
是class selector。它将选择具有类p
的所有元素。
在HTML文档中,CSS类选择器根据元素的class属性的内容匹配元素。 class属性被定义为以空格分隔的项列表,其中一个项必须与选择器中给出的类名完全匹配。
示例:
<a class="p">...</a>
<div class="p anotherClass">...</div>
<span class="firstClass p">...</span>
<p class="p">...</p>
$('p')
是element/tag/type selector。它将选择所有p
(段落)元素。
CSS类型选择器按节点名称匹配元素。因此,单独使用,特定节点名称的类型选择器将选择该类型的所有元素 - 即,使用该节点名称 - 在文档中。
示例:
<p>...</p>
<p class="anyClass">...</p>
<p id="anyId">...</p>
此外,还有一个id selector。 $('#p')
会选择ID为p
的元素。
在HTML文档中,CSS ID选择器根据该元素的ID属性的内容匹配一个元素,该属性必须与选择器中给出的值完全匹配。
示例:
<anyEl id="p">...</anyEl>
答案 1 :(得分:4)
$('.p')
选择具有该名称的类的元素:
<div class='p'>
因此,将选择具有class='p'
的任何内容:
<b class='p'></b>
<div class='p'></div>
<table class='p'></table>
$('p')
选择所有段落元素:
<p></p>
$('#p')
选择ID为p
的元素:
<div id='p'>
类似地,$('#p')
选择具有该名称的id的元素:
答案 2 :(得分:0)
$('.p')
- 这通常是指类(即您将包含在<style> </style>
标记下)
$('p')
- 是元素,默认情况下适用于所有段落,即(<p> </p>
)
答案 3 :(得分:0)
$(&#39; .p&#39;)是一个类选择器,它将搜索类p 而$(&#39; p&#39;)是html页面中所有段落的选择器。
对于选择器,您可以参考此链接以获取有关ID和类的所有信息。
继承人的链接: