小编给大家分享一下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层次选择器的示例分析”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
