欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

jquery层次选择器的介绍

时间:2021-03-10 09:24:59|栏目:jquery|点击:

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(包含子孙后代)

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

总结

上一篇:用jQuery简化JavaScript开发分析

栏    目:jquery

下一篇:基于jquery实现最简单的选项卡切换效果

本文标题:jquery层次选择器的介绍

本文地址:http://www.codeinn.net/misctech/77842.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有