jQuery选择器

122 阅读1分钟

原生js获取元素方式很多,很杂,而且兼容性情况不一致,因此jQuery给我们做了封装,使获取元素统一标准

1.层级选择器

$("选择器") 里面选择器直接写CSS选择器即可,但是要加引号

2.隐式迭代

隐式迭代就是把匹配的所有元素内部进行遍历循环

例如 隐式迭代.png

3.筛选选选择器

例如

筛选选择器.png

其中选取父子元素有:

1.父  parent()  最近一级的父级元素 亲爸爸

2,子  (1) 亲儿子 children()  只选亲儿子  类似于子代选择器

(2)可以选里面所有的孩子包括儿子和孙子 find()  类似于后代选择器

其他筛选方法有:

1.兄弟元素

siblings()除自身元素之外的所有亲兄弟 

nextAll()当前元素之后的所有同辈元素

prevtAll()当前元素之前的所有同辈元素

例如

兄弟元素.png

2.第n个元素

(1)我们可以利用选择器的方式选择

例如

n1.png

(2) 选择方法eq() 更推荐这种写法

例如

n.png

3.判断是否有某个类名 hasClass

例如

判断类名.png

在这些筛选方法中相对重要的有:parent(),children(),find(),siblings(),eq()

4.链式编程

链式编程是为了节约代码量,看起来更优雅

使用链式编程一定要注意是哪个对象执行样式

例如

原:

$(this).css('color','red');

$(this).siblings().css('color','');

链式编程:

$(this).css('color','red').siblings().css('color','');