Jquery-基本选择器

基本选择器

1. 标签选择器

   就是html标签，如p,div, span等，给指定的标签名匹配元素，返回元素集合， 如$("h2")选取所h2元素           

   <h2>这是标题标签</h2>
   <h2>这是标题标签</h2>
   
   
   

2. 类选择器

   .class  根据给定的class匹配元素，返回元素集合，如 $(".title")选取所有class为title的元素

                 

   <div class="title">这里是class标签</div>
   <div class="title">第二个class标签</div>

   
   

3. ID选择器

   #Id  根据给定的Id匹配元素，返回单个元素 ，一个页面只能有一个Id标签， 如：$("#title")选取Id为title元素

   <div id="title">这里是Id选择器<div>

   
   

4. 并集选择器

   selector1,selector2,...selectorN  将每一个选择器匹配的元素合并后一起返回，返回元素集合， $("div,p,.title")选取所有div、p和拥有class为title的元素

   <div>这是div标签<div>
   <P>这是段落标签</p>
   <span class="title">这是span标签，还有class选择器</span>

   
   

5. 交集选择器

   element.class或 element#Id  匹配指定class或id的某元素或元素集合（若在同一个页面中指定Id元素返回值，则一定是单个元素；若指定class的元素，则可能是单个元素，也可能是元素集合）返回单个集合或元素集合  如$("h2,title")选取所有拥有class为title的h2元素

   <h2 class="title">这里是第一h2标签和class选择器</h2>
   <h2 class="title">这里是第二h2标签和class选择器</h2>
   

   
   

6. 全局选择器

   *  匹配所有元素，返回集合元素   $("*")选取所有元素