我是jQuery的新手,当我从HTML中选择一些类时,我可以通过$('.p')
或$('p')
来完成。我很困惑,有没有区别?
回答
这些基本上都是CSS选择器。它可以在jQuery中使用。
$('.p')
是class selector。它将选择所有具有类p
的元素。在一个HTML文件,CSS类选择匹配基于元素的类属性的内容元素。 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类型选择器按节点名称匹配元素。因此,单独使用特定节点名称的类型选择器会选择文档中该类型的所有元素(即使用该节点名称)。
此外,还有一个id selector。
$('#p')
将选择ID为p
的元素。在HTML文档中,CSS ID选择器根据该元素的ID属性的内容匹配元素,该元素的ID属性必须完全匹配选择器中给出的值。
实施例:
<p>...</p>
<p class="anyClass">...</p>
<p id="anyId">...</p>
例子:
<anyEl id="p">...</anyEl>
$('.p')
- 这通常指的是类(即,你会在<style> </style>
标签已包括)
$('p')
- 是元素,默认情况下适用于所有段落i。E(<p> </p>
)
'class'不必具有样式定义 - 这是可选的 – Soren
$('.p')
选择与一类具有相同名称的元件:
<div class='p'>
所以任何具有class='p'
将被选择:
<b class='p'></b>
<div class='p'></div>
<table class='p'></table>
$('p')
选择所有段落元素:
<p></p>
<div id='p'>
同样$('#p')
选择与具有该名称的ID的元素::210 $('#p')
与p
一个id选择一个元素(“ P”)
$是一个类选择将用于搜索类p 而$('p')是html页面中所有段落的选择器。
对于选择器,您可以通过此链接获取有关ID和类的所有信息。
赫雷什的链接:
[** **基本CSS选择](http://api.jquery.com/category/selectors/basic-css-selectors/)。 – undefined