jquery层次选择器的介绍
编程学习 2021-07-04 15:50www.dzhlxh.cn编程入门
今天长沙网络推广就为大家分享一篇关于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(包含子孙后代)
若有不足请多多指教！希望给您带来帮助！
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对狼蚁SEO的支持。如果你想了解更多相关内容请查看狼蚁网站SEO优化相关链接