jQuery层级选择器

jQuery中的层级选择器

1. ancestor ,descendant：在给定的祖先元素下匹配所有的后代元素

 

ancestor：任何有效选择器

 

descendant：用以匹配元素的选择器，并且它是第一个选择器的后代元素

 

使用示例：

复制代码
//找到表单中所有的 input 元素 
<body>
<input type="text" class="active">
<input type="password" class="active">
</body>
</html>
<script>
    console.log($('input'))
</script>
复制代码

2. parent > child： 在给定的父元素下匹配所有的子元素

使用示例：

//匹配所有ul下的li元素
console.log($('ul>li'))

3. prev + next： 匹配所有紧接在 prev 元素后的 next 元素

匹配所有紧接在某元素后的某些元素

next：一个有效选择器并且紧接着第一个选择器（prev）

使用示例：

//匹配所有紧接在div1后的ul元素
console.log($('#div1+ul'))

4. prev ~ siblings：匹配 prev 元素之后的所有 siblings 元素

匹配所有紧接在某元素后的某些元素

siblings：一个选择器，并且它作为第一个选择器（prev）的同辈

使用示例：

console.log($('#div1~ul'))

 

posted @   就茶叶蛋吧  阅读(399)  评论(0)  编辑  收藏  举报
编辑推荐：
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示