原生js获取元素方式很多,很杂,而且兼容性情况不一致,因此jQuery给我们做了封装,使获取元素统一标准
1.层级选择器
$("选择器") 里面选择器直接写CSS选择器即可,但是要加引号
2.隐式迭代
隐式迭代就是把匹配的所有元素内部进行遍历循环
例如
3.筛选选选择器
例如
其中选取父子元素有:
1.父 parent() 最近一级的父级元素 亲爸爸
2,子 (1) 亲儿子 children() 只选亲儿子 类似于子代选择器
(2)可以选里面所有的孩子包括儿子和孙子 find() 类似于后代选择器
其他筛选方法有:
1.兄弟元素
siblings()除自身元素之外的所有亲兄弟
nextAll()当前元素之后的所有同辈元素
prevtAll()当前元素之前的所有同辈元素
例如
2.第n个元素
(1)我们可以利用选择器的方式选择
例如
(2) 选择方法eq() 更推荐这种写法
例如
3.判断是否有某个类名 hasClass
例如
在这些筛选方法中相对重要的有:parent(),children(),find(),siblings(),eq()
4.链式编程
链式编程是为了节约代码量,看起来更优雅
使用链式编程一定要注意是哪个对象执行样式
例如
原:
$(this).css('color','red');
$(this).siblings().css('color','');
链式编程:
$(this).css('color','red').siblings().css('color','');