jQuery 选择器1_基本1

最新推荐文章于 2024-09-05 16:56:18 发布

letian_w

最新推荐文章于 2024-09-05 16:56:18 发布

阅读量384

点赞数

分类专栏： jquery 文章标签： jquery class div

本文链接：https://blog.csdn.net/letian_w/article/details/5114459

版权

jquery 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

#id
element
.class
*
selector1,selector2,selectorN

===============================
1. #id
根据给定的ID匹配一个元素。
   e.g.1:
      H: <div id="sele"></div>
          <div id="noSele"></div>

      J:   $("sele");

      E:   <div id="sele"></div>

    e.g.2:
       H: <span id="foo:bar"></span>
           <span id="foo[bar]"></span>
           <span id="foo.bar"></span>

       J: $(#foo//:bar);
           $(#foo//[bar//]);
           $(#foo//.bar);

--------------------------------------
2. element
根据给定的元素名匹配所有元素

   e.g.1:

      H: <div>DIV1</div>
         <div>DIV2</div>
         <span>SPAN</span>

      J:
         $("div");

      E:
         <div>DIV1</div>
         <div>DIV2</div>

---------------------------------------
3. .class
根据给定的class匹配元素。

   e.g.1:

      H: <div class="notMe">div class="notMe"</div>
         <div class="myClass">div class="myClass"</div>

      J:
         $(".myClass");

      E:
         <div class="myClass">div class="myClass"</div>

---------------------------------------
4. *
匹配所有元素

   e.g.1:

      H: <div>DIV</div>
         <span>SPAN</span>
         <p>P</p>

      J:
         $("*");

      E:
         <div>DIV</div>
         <span>SPAN</span>
         <p>P</p>

---------------------------------------
5. selector1,selector2,selectorN
将每一个选择器匹配到的元素合并后一起返回。

   e.g.1:

      H: <div>div</div>
         <p class="myClass">p class="myClass"</p>
         <span>span</span>
         <p class="notMyClass">p class="notMyClass"</p>

      J:
         $("div,span,p.myClass");

      E:
        <div>div</div>, <p class="myClass">p class="myClass"</p>, <span>span</span>