jQuery是对js一些复杂代码实现功能的封装,也就是js的一个库。通过jQuery使程序员更方便的编程,代码更加简洁。下面介绍一下jQuery中的选择器
选择器
(1)id选择器
$('#id')
(2)标签选择器
$('标签')
(3)类选择器
$('.cls')
(4)属性过滤选择器
$('*[name=gender]')所有name属性等于gender的标签
(5)标签+类选择器
$('p.test')所有应用test类样式的p标签
(6)组合选择器
$('.test,#btn,p,span')所有类样式为.test,id为btn,还有p标签,span标签
(7)层次选择器
后代:$('div li')获取div下面的所有li元素
子元素:$('div > li')获取div下面的直接li子元素(注意必须是直接子元素)
相邻元素1:$('.cls + div')获取样式名为cls之后的紧挨的div元素。等同于$('.cls').next(‘div’)
相邻元素2:$('.cls ~ div')获取样式名为cls之后的所有的兄弟元素div元素。等同于$('.cls').nextAll(‘div’)
获取兄弟元素的方法:
next():当前元素之后紧邻的第一个兄弟元素
nextAll():当前元素之后的所有兄弟元素
prev():当前元素之前的的紧邻的上一个兄弟元素
prevAll():当前元素之前的所有的兄弟元素
siblings():当前元素所有的兄弟元素