jquery选择器

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():当前元素所有的兄弟元素