jquery系列教程1-选择器全解

jquery层次选择器

jquery层次选择器,包括空格、>、next、+、nextAll、~、siblings等函数或表达式。

1、空格表示获取所有子孙后代元素

2、 >表示获取一级子元素

3、next函数获取紧接在之后的同辈元素列表

4、nextAll函数表示获取之后的所有同辈元素列表

5、siblings函数表示获取所有同辈元素列表,无论前后

代码如下:

$("#myid a");                   //获取所有子孙后代元素列表
$("#myid>a");                   //获取一级子元素列表(不包含孙元素)
$("#myid").next("a");           //获取紧接在之后的同辈元素列表,等价于$("#myid+a");
$("#myid").nextAll("a");        //获取之后的所有同辈元素列表,等价于$("#myid~a");
$("#myid").siblings("a");       //获取所有同辈元素列表,无论前后
05-07 15:45