jq 选择器
层次选择器: $('div p');//选取div下的所有的p元素 $('div>p').css('border','1px solid red');//只选取div下的直接子元素 //相邻的元素 $('div ~ p).css('border','1px solid red');与$('div').nextAll('p')等价;//表示div后面的 所有p兄弟元素 $('div ~ *').css('border','1px solid red');//表示div后面的所有兄弟元素 $('div +p').css('border','1px solid red');与$('div').next('p')等价//这种写法表示div后 只找紧挨着的第一个兄弟元素,并且该元素是p。 获得兄弟元素的方法: next(); //当前元素之后的紧邻着的第一个兄弟元素(下一个) nextAll();//当前元素之后的所有兄弟元素 prev();//当前元素之前的紧邻着的兄弟元素(上一个) prevAll();//当前元素之前的所有兄弟元素 siblings();//当前元素的所有兄弟元素 基本过滤选择器: $('p:first')与$('p').first()是等价的。获取所有p元素中的第一个P元素 $('p:last')与$('p').last() $('p:eq(2)'