欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jquery层次选择器的介绍

程序员文章站 2022-06-29 14:24:22
jquery层次选择器 jquery层次选择器,包括空格、>、next、+、nextall、~、siblings、prev()、prevall()等函数或表达式。...

jquery层次选择器

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

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

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

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

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

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

6、+表示紧接在之后的同辈列表

7、~表示匹配之后所有的同辈元素

8、prev()获取之前的同辈元素列表

9、prevall()获取之前所有的同辈元素列表

10、find()获取之后所有的子元素

代码如下:

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

若有不足请多多指教!希望给您带来帮助!

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对的支持。如果你想了解更多相关内容请查看下面相关链接