扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
本文小编为大家详细介绍“jquery中有什么层次选择器”，内容详细，步骤清晰，细节处理妥当，希望这篇“jquery中有什么层次选择器”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。
济阳网站建设公司创新互联,济阳网站设计制作，有大型网站制作公司丰富经验。已为济阳成百上千提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱，请找那个售后服务好的济阳做网站的公司定做！
jquery中的层次选择器有：1、后代选择器，语法“$("M N")”；2、子代选择器，语法“$("M>N")”；3、兄弟选择器，语法“$("M~N")”；4、相邻选择器，语法“$("M+N")”。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
层次选择器，就是通过元素之间的层次关系来选择元素的一种基础选择器。层次选择器在实际开发中也是相当重要的。常见的层次关系包括：父子、后代、兄弟、相邻。
在 jQuery 中，层次选择器共有 4 种，如下表 所示。
| 选择器 | 说明 |
|---|---|
| M N | 后代选择器，选择 M 元素内部的后代N元素（所有 N 元素） |
| M>N | 子代选择器，选择 M 元素内部的子代N元素（所有第 1 级 N 元素） |
| M~N | 兄弟选择器，选择 M 元素后面所有的同级 N 元素 |
| M + N | 相邻选择器，选择 M 元素相邻的（下一个）元素（M、N 是同级元素） |
此外，我们还需要注意以下 4 点：
$("M N") 可以使用 $(M).find(N) 代替；
$("M>N") 可以使用 $(M).children(N) 代替；
$("M~N") 可以使用 $(M).nextAll(N) 代替；
$("M+N") 可以使用 $(M).next(N) 代替。
对于 find( )、children( )、nextAll( )、next( ) 这 4 种方法，我们之后会详细介绍，这里简单了解一下即可。
后代选择器
后代选择器，用于选择元素内部的所有某一种元素，包括子元素和其他后代元素。
语法：
$("M N")“M元素”和“N元素”之间用空格隔开，表示选中 M 元素内部的后代 N 元素（即所有 N 元素）。
举例：