-
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")有区别的是,这个获取的是之后的所有的,并非下一个,是之后的所有满足条件的元素的集合。
jQuery的标签选择器(1)
最新推荐文章于 2023-04-23 17:34:04 发布