jQuery的标签选择器（1）

1. jQuery的标签选择器（1）

   jQuery具有强大的标签选择器，在此一一列举： 注：默认使用 jQuery默认的 $（）来获取标签，当然 jQuery（）也可以起到同样的作用。由于wordpress插件的问题，下列的代码的引号均被修改为汉字的引号，不影响阅读。 1、直接对元素获取。例如： $("p") 、$("input")来获取<p>这是一个P标签</p>和<input type="text" value="input something" />这两个元素。获取元素的集合。 2、用类来获取。例如:$(".myClass")来获取 <p class="myClass">class为myClass的一个P标签</p>和<div class="myClass">class为myClass的一个div标签</div>。获取元素的集合。 3、用id来获取。例如: $("#idName")来获取 <p id="idNmae">id为idName的一个p标签</p>和<input type="text" class="myClass" id="idName" value="please input something" />。id获取的方法主要用来获取一个元素的集合。 4、用$("*")来获取所有的元素。 $(" * ")。用来获取所有的元素，是集合元素。 5、多个选择器的同时获取。例如： $("p,div,input.myClass")可以同时获取 <p id="test">id为test的P元素</p>，<div>div</div>、<input class="myClass" type="text" />。但是对于<hr />等不会获取。 6、$("ancestor descendant")获取 ancestor元素的所有后代元素。例如： $("body div")可以获取body标签内部的所有的div标签。 7、$("parent>child")获取父元素 parent之后的所有子元素 child。需要注意的是，这个获取方法是获取子元素，并非后代元素。 8、$("prev+next")获取第一个元素之后的同级别的下一个元素。是同级别的元素，并非子元素或者后代元素。 9、 $("prev~siblings")获取第一个元素之后的所有的同级别的元素，与 $("prev+next")有区别的是，这个获取的是之后的所有的，并非下一个，是之后的所有满足条件的元素的集合。