jQuery之六十一种选择器

作为前端和后台最基础可靠的神器工具JQuery，你真的对她有足够了解么？

<br />

亚非拉地区苦逼的前端er们，有时候不得不向黑暗的低版本IE势力低头，虽然兼容低版IE是可耻的行为，但是为了生计，不得不一忍再忍；虽然说现在H5功能强大到吊炸天，但是有时候还是离不开可爱的jQuery，那么你对jQuery是真爱么？你知道她最强功能的选择器有多少种么？你常用的是不是也总是那么顺手的几个呢？？

图灵教育的书上首页一行字。 Standing on Shoulders of Giants. 站在巨人的肩上

<br />下边有大神整理的详细的选择器，足足有 61 种！是不是大吃一惊？
为了浏览更清晰，整理如下。干货，get到新技能，做到精准打击。

                 —++—————————————————风骚的分割线——————————————————++————

#id : 根据给定的ID匹配一个元素

       <p id="myId">这是第一个p标签</p>
       <p id="not">这是第二个p标签</p>
       <script type="text/javascript"> 
          $(function(){ 
              $("#myId").css("color","red");
          });
       </script>

element : 根据给定的元素标签名匹配所有元素

<div>这是div标签1</div>
<div>这是div标签2</div>
<p>这是p标签</p>
<script type="text/javascript"> 
      $(function(){ 
          $("div").css("color","red"); 
        });
</script>

.class : 根据给定的css类名匹配元素

<p class="myClass">这是第一个p标签</p>
<p class="not">这是第二个p标签</p>
<script type="text/javascript">
     $(function(){ 
        $(".myClass").css("color","red"); 
     });
</script>

* : 匹配所有元素，多用于结合上下文来搜索

<p>这是p标签</p>
<div>这是div标签</div>
<script type="text/javascript">
 $(function(){
   $("*").css("color","red"); 
});
</script>

多选择器selector1,selector2,selectorN : 指定任意多个选择器，并将匹配到的元素合并到一个结果内

<p class="myP">这是第一个p标签</p>
<p class="not">这是第二个p标签</p>
<div id="myDiv">这是第一个div标签</div>
<div id="not">这是第二个div标签</div>
<script type="text/javascript">
 $(function(){
     $("p.myP,div#myDiv").css("color","red");
 });
</script>

ancestor descendant : 在给定的祖先元素下匹配所有的后代元素

<div> 
<span>这是第一个span标签</span> 
<p>
 <span>这是第二个span标签</span>
 </p>
</div>
<script type="text/javascript"> 
$(function(){ $("div span").css("color","red"); 
});
</script>

parent > child : 在给定的父元素下匹配所有的子元素

<div> 
  <span>这是第一个span标签</span>
    <p>
       <span>这是第二个span标签</span>
   </p>
</div>
<script type="text/javascript"> 
    $(function(){
         $("div > span").css("color","red"); 
    });
</script>

prev + next : 匹配所有紧接在 prev 元素后的 next 元素

<div></div>  
<p>这是第一个p标签</p>
<p>这是第二个p标签</p>
<script type="text/javascript"> 
    $(function(){ 
        $("div + p").css("color","red");
     });
</script>

prev ~ siblings : 匹配 prev 元素之后的所有 siblings 同辈元素

<p>这是第一个p标签</p>
<div> <p>这是第二个p标签</p></div>
<p>这是第三个p标签</p>
<script type="text/javascript"> 
    $(function(){   
        $("div ~ p").css("color","red"); 
    });
</script>

:first : 获取第一个元素

<div> 
<p>这是第一个p标签</p>
 <p>这是第二个p标签</p>
 <p>这是第三个p标签</p>
</div>
<script type="text/javascript"> 
$(function(){
       $("p:first").css("color","red");
 })
;</script>

:not(selector) : 去除所有与给定选择器匹配的元素

<p class="del">这是第一个p标签</p>
<p class="del">这是第二个p标签</p>
<p>这是第三个p标签</p>
<script type="text/javascript"> 
$(function(){ 
    $("p:not(.del)").css("color","red"); 
});
</script>

:even : 匹配所有索引值为偶数的元素，从 0 开始计数

<p>这是索引值为0的p标签</p>
<p>这是索引值为1的p标签</p>
<p>这是索引值为2的p标签</p>
<p>这是索引值为3的p标签</p>
<script type="text/javascript"> 
$(function(){ 
    $("p:even").css("color","red"); 
});
</script>

:odd : 匹配所有索引值为奇数的元素，从 0 开始计数

<p>这是索引值为0的p标签</p>
<p>这是索引值为1的p标签</p>
<p>这是索引值为2的p标签</p>
<p>这是索引值为3的p标签</p>
<script type="text/javascript"> 
$(function(){ 
    $("p:odd").css("color","red"); 
});
</script>

:eq(index) : 匹配一个给定索引值的元素

<p>这是索引值为0的p标签</p>
<p>这是索引值为1的p标签</p>
<p>这是索引值为2的p标签</p>
<script type="text/javascript">
 $(function(){ 
    $("p:eq(1)").css("color","red");
 });
</script>

:gt(index) : 匹配所有大于给定索引值的元素

<p>这是索引值为0的p标签</p>
<p>这是索引值为1的p标签</p>
<p>这是索引值为2的p标签</p>
<script type="text/javascript"> 
    $(function(){ $("p:gt(1)").css("color","red");
 });
</script>

:lang(language) : 选择指定语言的所有元素

<div lang="not">这是lang="not"的div标签</div>
<div lang="en">这是lang="en"的div标签</div>
<div lang="en-us">这是lang="en-us"的div标签</div>
<script type="text/javascript"> 
$(function(){ 
    $("div:lang(en)").css("color","red"); 
});
</script>

:last() : 获取最后个元素

<div> 
  <p>这是第一个p标签</p>
  <p>这是第二个p标签</p> 
  <p>这是第三个p标签</p>
</div>
<script type="text/javascript">
 $(function(){ 
    $("p:last").css("color","red");
 });
</script>

:lt(index) : 匹配所有小于给定索引值的元素

<p>这是索引值为0的p标签</p>
<p>这是索引值为1的p标签</p>
<p>这是索引值为2的p标签</p>
<script type="text/javascript">
 $(function(){ 
   $(function(){ $("p:lt(1)").css("color","red"); 
});
</script>

:header : 匹配如 h1, h2, h3之类的标题元素

<p>这是p标签</p>
<h3>这是h3标签</h3>
<h4>这是h4标签</h4>
<script type="text/javascript"> 
    $(function(){ $(":header").css("color","red");
 });
</script>

:animated : 匹配所有正在执行动画效果的元素

<!--对不在执行动画的元素执行一个动画-->
<button id="run">Run</button>
<div style="width:100px;height:100px;border:1px solid #f00;position:absolute;"></div>
<script type="text/javascript">$(function(){ 
  $("#run").click(function(){ 
    $("div:not(:animated)").animate({left:100+"px"},1000); 
  });  
</script>

:focus : 匹配当前获取焦点的元素

<input type="text" />
<script type="text/javascript">
    $(function(){ 
        $("input").focus(); //让input自动获取焦点
    }
     $("input:focus").css("background","red");
});

:root : 选择该文档的根元素，在HTML中，文档的根元素，和$(":root")选择的元素一样，永远是<html>元素

<script type="text/javascript"> 
$(":root").css("background-color","yellow");
</script>

:target : 选择由文档URI的格式化识别码表示的目标元素

例如，给定的URI http://example.com/#foo， $( "p:target" )，将选择<p id="foo">元素。

:contains(text) : 匹配包含给定文本的元素

<div>boys</div>
<div>girls</div>
<div>boys and girls</div>
<script type="text/javascript"> 
  $(function(){ $("div:contains('boys')").css("color","red"); 
  });
</script>

:empty : 匹配所有不包含子元素或者文本的空元素

<p>这是有内容的p标签</p>
<p></p>
<p>这是有内容的p标签</p>
<p></p>
<script type="text/javascript">
 $(function(){ 
      $("p:empty").css({"width":30,"height":30,"background":"red"}); 
});
</script>

:has(selector) : 匹配含有选择器所匹配的元素的元素

<div>这是包含p元素的div标签 <p>这是div标签中的p标签</p></div>
<div>这是没有p元素的div标签</div>
<script type="text/javascript"> 
$(function(){ 
    $("div:has(p)").css("color","red"); 
});
</script>

:parent : 匹配含有子元素或者文本的元素

<div> <p>这是div标签中的p标签</p></div>
<div>这是有内容的div标签</div>
<div></div>
<script type="text/javascript"> 
$(function(){ 
    $("div:parent").css("color","red"); 
});
</script>

:hidden : 匹配所有不可见元素，或者type为hidden的元素

<div style="display: none;">这是隐藏的div标签</div>
<div>这是显示的div标签</div>
<script type="text/javascript"> 
$(function(){ 
    $("div:hidden").css("color","red");　　　　
    console.log($("div:hidden")); //结果：获取到隐藏的div 
});
</script>

结果：

:visible : 匹配所有的可见元素

<div style="display: none;">这是隐藏的div标签</div>
<div>这是显示的div标签</div>
<script type="text/javascript"> 
$(function(){ 
    $("div:visible").css("color","red"); 
     console.log($("div:visible")); //结果：获取到显示的div 
});
</script>

结果：

[attribute] : 匹配包含给定属性的元素

<div class="myDiv">这是有类名的div标签</div>
<div>这是没类名的div标签</div>
<script type="text/javascript"> 
$(function(){ 
    $("div[class]").css("color","red"); 
});
</script>

[attribute=value] : 匹配给定的属性是某个特定值的元素

<div class="myDiv">这是第一个div标签</div>
<div class="not">这是第二个div标签</div>
<script type="text/javascript">
$(function(){ 
    $("div[class='myDiv']").css("color","red"); 
});
</script>

[attribute!=value] : 匹配所有不含有指定的属性，或者属性不等于特定值的元素

<div class="myDiv">这是第一个div标签</div>
<div class="not">这是第二个div标签</div>
<script type="text/javascript"> 
$(function(){
     $("div[class!='myDiv']").css("color","red"); 
});
</script>

[attribute^=value] : 匹配给定的属性是以某些值开始的元素

<div class="myDiv">这是第一个div标签</div>
<div class="not">这是第二个div标签</div>
<div class="myBaby">这是第三个div标签</div>
<script type="text/javascript">
$(function(){ 
    $("div[class^='my']").css("color","red"); 
});
</script>

[attribute$=value] : 匹配给定的属性是以某些值结尾的元素

<div class="myDiv">这是第一个div标签</div>
<div class="not">这是第二个div标签</div>
<div class="yourDiv">这是第三个div标签</div>
<script type="text/javascript"> 
$(function(){ 
    $("div[class$='Div']").css("color","red"); 
});
</script>

[attribute*=value] : 匹配给定的属性是以包含某些值的元素

<div class="myDivOne">这是第一个div标签</div>
<div class="not">这是第二个div标签</div>
<div class="myDivTwo">这是第三个div标签</div>
<script type="text/javascript"> 
$(function(){ 
  $("div[class*='Div']").css("color","red"); 
});
</script>

[attrSel1][attrSel2][attrSelN] : 复合属性选择器，需要同时满足多个条件时使用

<div id="myDiv" class="myDivOne">这是第一个div标签</div>
<div class="not">这是第二个div标签</div>
<div class="myDivTwo">这是第三个div标签</div>
<script type="text/javascript"> 
$(function(){ 
    $("div[id][class*='Div']").css("color","red"); 
});
</script>

:first-child : 匹配第一个子元素，类似的 :first 匹配第一个元素，而此选择符将为每个父元素匹配一个子元素

<div> 
    <p>这是第一个div中的第一个p标签</p>
    <p>这是第一个div中的第二个p标签</p>
</div>
<div> 
    <p>这是第二个div中的第一个p标签</p> 
    <p>这是第二个div中的第二个p标签</p>
</div>
<script type="text/javascript"> 
$(function(){ 
    $("div p:first-child").css("color","red"); 
});
</script>

:first-of-type : 结构化伪类，匹配E的父元素的第一个E类型的子元素

<div>
     <div>这是第一个div中的div标签</div> 
        <p>这是第一个div中的第一个p标签</p> 
        <p>这是第一个div中的第二个p标签</p>
</div>
<div> 
    <p>这是第二个div中的第一个p标签</p> 
    <p>这是第二个div中的第二个p标签</p>
</div>
<script type="text/javascript"> 
$(function(){ 
    $("p:first-of-type").css("color","red"); 
});
</script>

:last-child : 匹配最后一个子元素，类似的 :last 只匹配最后一个元素，而此选择符将为每个父元素匹配最后一个子元素

<div> 
    <p>这是第一个div中的第一个p标签</p> 
    <p>这是第一个div中的第二个p标签</p>
</div>
<div> 
    <p>这是第二个div中的第一个p标签</p> 
    <p>这是第二个div中的第二个p标签</p>
</div>
<script type="text/javascript"> 
$(function(){ 
    $("div p:last-child").css("color","red"); 
});
</script>

:last-of-type : 结构化伪类，匹配E的父元素的最后一个E类型的子元素，大体的意思跟 :first-of-type 差不多，只是一个是第一个元素，一个是最后一个元素

<div> 
    <p>这是第一个div中的第一个p标签</p> 
    <p>这是第一个div中的第二个p标签</p> 
    <div>这是第一个div中的div标签</div>
</div>
<div> 
    <p>这是第二个div中的第一个p标签</p> 
    <p>这是第二个div中的第二个p标签</p>
</div>
<script type="text/javascript"> 
$(function(){ 
    $("p:last-of-type").css("color","red"); 
});
</script>

:nth-child : 匹配其父元素下的第N个子或奇偶元素
　　注意！:eq(index)是从0开始，而这里的** :nth-child的序号是从1开始**的

<div> 
    <p>这是第一个div中的第一个p标签</p> 
    <p>这是第一个div中的第二个p标签</p>
</div>
<div> 
    <p>这是第二个div中的第一个p标签</p> 
    <p>这是第二个div中的第二个p标签</p>
</div>
<script type="text/javascript"> 
$(function(){ 
    $("div p:nth-child(2)").css("color","red");
});
</script>

:nth-last-child : 选择所有他们父元素的第n个子元素，计数从最后一个元素开始到第一个，序号从1开始
　　注意：要有父级元素

<div> 
    <p>这是div中的第一个p标签</p> 
    <p>这是div中的第二个p标签</p> 
    <p>这是div中的第三个p标签</p>
</div>
<script type="text/javascript"> 
$(function(){ 
    $("div p:nth-last-child(1)").css("color","red"); 
});
</script>

：nth-last-of-type : 选择的所有他们的父级元素的第n个子元素，计数从最后一个元素到第一个，序号从1开始

<div> 
    <p>这是div中的第一个p标签</p> 
    <p>这是div中的第二个p标签</p> 
    <p>这是div中的第三个p标签</p> 
    <div>这是div中的div标签</div>
</div>
<script type="text/javascript"> 
$(function(){
     $("p:nth-last-of-type(1)").css("color","red"); 
});
</script>

:nth-of-type : 选择同属于一个父元素之下，并且标签名相同的子元素中的第n个，序号从1开始

<div> 
    <div>这是div标签</div> 
    <p>这是第一个p标签</p> 
    <div> 
         <p>这是第二个p标签</p> 
         <p>这是第三个p标签</p>
     </div> 
    <p>这是第四个p标签</p>
</div>
<script type="text/javascript"> 
$(function(){
     $("p:nth-of-type(2)").css("color","red"); 
});
</script>

:only-child : 如果某个元素是父元素中唯一的子元素，那将会被匹配，如果父元素中含有其他元素，那将不会被匹配

<div> 
    <div>这是div标签</div> 
    <p>这是第一个p标签</p>
</div>
<div> 
    <p>这是第二个p标签</p>
</div>
<script type="text/javascript"> 
    $(function(){ 
        $("p:only-child").css("color","red"); 
    });
</script>

:only-of-type : 选择所有没有兄弟元素，且具有相同的元素名称的元素，如果父元素有相同的元素名称的其他子元素，那么没有元素会被匹配

<div> 
    <div>这是div标签</div> 
        <p>这是第一个p标签</p>
    </div>
<div> 
<p>这是第二个p标签</p> 
<p>这是第三个p标签</p>
</div>
<script type="text/javascript"> 
      $(function(){ 
            $("p:only-of-type").css("color","red"); 
      });
</script>

:input : 匹配所有 input, textarea, select 和 button 元素

<form> 
    <input type="text" /> 
    <input type="button" /> 
    <input type="checkbox" /> 
    <input type="password" /> 
    <input type="radio" /> 
    <input type="reset" /> 
    <input type="submit" />   
    <select>
          <option>Option</option>
    </select> 
    <textarea></textarea> 
    <button>Button</button>
</form>
<script type="text/javascript"> 
$(function(){ 
    $(":input").css("color","red");
 });
</script>

结果：

:text : 匹配所有的单行文本框

<form> 
    <input type="text" /> 
    <input type="password" /> 
    <input type="radio" /> 
    <input type="reset" /> 
    <input type="submit" />
</form>
<script type="text/javascript"> 
$(function(){ 
    $(":text").css("color","red"); 
});
</script>

结果：

:password : 匹配所有密码框

<form> 
    <input type="text" /> 
    <input type="password" /> 
    <input type="submit" />
</form>
<script type="text/javascript"> 
$(function(){ 
    $(":password").css("color","red"); 
});
</script>

结果：

:radio : 匹配所有单选按钮

<form> 
<input type="text" /> 
<input type="password" /> 
<input type="radio" /> 
<input type="radio" />
</form>
<script type="text/javascript"> 
$(function(){ 
    $(":radio").css("color","red"); 
});
</script>

结果：

:checkbox : 匹配所有复选框

<form> 
    <input type="text" /> 
    <input type="password" /> 
    <input type="checkbox" /> 
    <input type="checkbox" />
</form>
<script type="text/javascript"> 
 $(function(){ 
      $(":checkbox").css("color","red"); 
});
</script>

结果：

:submit : 匹配所有提交按钮

<form> 
  <input type="submit" />
</form>
<script type="text/javascript"> 
$(function(){ 
    $(":submit").css("color","red"); 
});
</script>

:image : 匹配所有图像域

<form> 
    <input type="image"/>  
</form>
<script type="text/javascript"> 
$(function(){ 
    $(":image").css("color","red"); 
});
</script>

:reset : 匹配所重置按钮

<form> 
    <input type="reset" />
</form>
<script type="text/javascript"> 
$(function(){ 
    $(":reset").css("color","red"); 
});
</script>

:button : 匹配所有按钮

<form> 
<button>Button1</button> 
<button>Button2</button>
</form>
<script type="text/javascript"> 
$(function(){ 
    $(":button").css("color","red"); 
});
</script>

:file : 匹配所有文件域

<form> 
  <input type="file" />
</form>
<script type="text/javascript"> 
$(function(){ 
    $(":file").css("color","red"); 
});
</script>

:enabled : 匹配所有可用元素

<form> 
    <input type="submit" disabled="disabled" /> 
    <input type="reset" />
</form>
<script type="text/javascript"> 
  $(function(){
       $(":enabled").css("color","red");
   });
</script>

:disabled : 匹配所有不可用元素

<form> 
    <input type="submit" disabled="disabled" /> 
    <input type="reset" />
</form>
<script type="text/javascript"> 
$(function(){ 
    $(":disabled").css("color","red"); 
});
</script>

:checked : 匹配所有选中的被选中元素(复选框、单选框等，select中的option)，对于select元素来说，获取选中推荐使用 :selected

<form> 
    <input type="checkbox" name="news" checked="checked" /> 
    <input type="checkbox" name="news" /> 
    <input type="checkbox" name="news" checked="checked" />
</form>
<script type="text/javascript"> 
    $(function(){ 
          $(":checked").css("color","red"); 
    });
</script>

:selected : 匹配所有选中的option元素

<select>
     <option value="1">basketball</option> 
    <option value="2" selected="selected">football</option> 
    <option value="3">swim</option>
</select>
<script type="text/javascript"> 
  $(function(){ 
        $("select option:selected").css("color","red"); 
  });
</script>

$.escapeSelector(selector) : 这个方法通常被用在类选择器或者ID选择器中包含一些CSS特殊字符的时候，
这个方法基本上与CSS中CSS.escape()方法类似，唯一的区别是jquery中的这个方法支持所有浏览器。该选择器在jQuery库3.0版本才开始有；

<!--对含有#号的ID进行编码-->
<script type="text/javascript"> 
$(function(){
       $.escapeSelector( "#target" ); // "\#target"  
});
</script>

转载自 mossbaoo大神的博文。原文链接点这里；
搬运工编辑也很辛苦的~~

最后编辑于：2017.12.04 23:14:05

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 158,736评论 4赞 362
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 67,167评论 1赞 291
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 108,442评论 0赞 243
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 43,902评论 0赞 204
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 52,302评论 3赞 287
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 40,573评论 1赞 216
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 31,847评论 2赞 312
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 30,562评论 0赞 197
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 34,260评论 1赞 241
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 30,531评论 2赞 245
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 32,021评论 1赞 258
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 28,367评论 2赞 253
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 33,016评论 3赞 235
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 26,068评论 0赞 8
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 26,827评论 0赞 194
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 35,610评论 2赞 274
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 35,514评论 2赞 269

jQuery之六十一种选择器

作为前端和后台最基础可靠的神器工具JQuery，你真的对她有足够了解么？

推荐阅读更多精彩内容