jQuery 选择器1_基本1

来源：互联网发布：linux系统时间ntp同步编辑：程序博客网时间：2024/05/17 06:18

#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>