$(' .p')和$(' p')jquery之间的区别是什么?

时间:2015-07-11 05:16:38

标签: jquery html web jquery-selectors

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

4 个答案:

答案 0 :(得分:5)

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

  1. $('.p')class selector。它将选择具有类p的所有元素。

      

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

  2. 示例:

    <a class="p">...</a>
    <div class="p anotherClass">...</div>
    <span class="firstClass p">...</span>
    <p class="p">...</p>
    
    1. $('p')element/tag/type selector。它将选择所有p(段落)元素。

        

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

    2. 示例:

      <p>...</p>
      <p class="anyClass">...</p>
      <p id="anyId">...</p>
      
      1. 此外,还有一个id selector$('#p')会选择ID为p的元素。

          

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

      2. 示例:

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

        MDN Selectors Doc

答案 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和类的所有信息。

继承人的链接:

http://www.w3schools.com/jquery/jquery_ref_selectors.asp