jQuery常用选择器

博客 > Web前端> javascript> js 2019年08月27日 14:27:44

jQuery选择器类似于CSS选择器，可以对比学习了解：
名称 HTML CSS jQuery
标签选择器

….

div{} $(“div”)ID选择器

#abc{} $(“#abc”)

类选择器

.abc{} $(“.abc”)

群组选择器

div,p{} $(“div,p”)

后代选择器

… div p a{} ${“div p a”}

通配选择器 *{} ${“*”}

注：区分 div.abc div, .abc div .abc
div.abc是指class为abc的div元素，即

,其实就是双层条件，增强定位准确性，因为文档里可能有多个class=“abc”的元素。
div, .abc是用于拥有相同样式的不同元素，以避免代码重复。
div .abc 是指div里面的class=”abc”的元素，是包含关系但不一定是父子关系。

层次选择器：

可以这么理解，子元素是特殊的后代元素，相邻元素是特殊的兄弟元素。
注：区分 .next() .nextAll() .siblings()
.next()是指紧接其后的兄弟元素，注意必须是紧接其后的相邻那个，中间若有插足则无效。
.nextAll()是指其后面的所有兄弟元素
.siblings()是指其前后所有的兄弟元素
而且这几个方法使用时不建议参数为空，如果为空，相当于是*，即：
.next() ==.net(“*”) //不但影响性能，还容易出现混乱。

建议使用上面的方法，而避免使用+或~

转载：https://www.xuecaijie.com/javascript/23.html