JQuery入门贴：五种基本选择器
浏览数：27 /
时间：2015年06月09日
JQuery的选择器是很强大，很灵活的。基本选择器是我们平时编程中用的最多的，虽然JQuery版本现在已经发展到了2.x版本，但是基本选择器没有发生改变，就是只有5种。
1、ID选择器，格式 #id
根据给定元素的id属性值，选中元素。如果id属性值含有特殊字符，那么将不能选中想要的元素，可以通过2个斜杠字符进行转义。一般来说，元素的id值是唯一的。如果页面出现了重复的id，那么id选择器只会选中dom文档中的最靠前的元素。特殊字符问题可以参考这篇文章。
$("#first")
<div id="first"></div> <div id="first"></div>
2、元素选择器，格式 element
根据给定的元素标签名匹配所有元素。这里值得注意的是：不是html中的标准元素，一样可以通过该选择器选中。
$("testtag")
<testtag id="aty"></testtag> <testtag id="hehe"></testtag>
3、类选择器，格式 .class
根据给定的css类名，选中匹配的元素。一个元素的可以有多个类名(类名直接用空格分隔)，只要有一个符合就能被匹配到。
$(".myClass")
<div class="myClass heclass"></div> <span class="myClass"></span>
4、*选择器，格式 *
选中所有元素，这个选择器效率比较低，慎用。如果想选中holder之下的所有元素，可以使用*选择器。
$("#holder *")
<div id="holder">
<span>1</span>
<div><span>2</span></div>
<input type="button" value="1"/>
</div>5、并集选择器，格式selector1,selector2,selectorN
将每一个选择器匹配到的元素合并后一起返回。你可以指定任意多个选择器，并将匹配到的元素合并到一个结果内。
$(".demo, #buttonId, p")
<div id="holder">
<div class="demo"></div>
<input type="button" value="1" id="buttonId"/>
<p>ww</p>
</div>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
