jQuery层叠选择器用法实例分析

前端  /  管理员 发布于 4年前   196

本文实例讲述了jQuery层叠选择器用法。分享给大家供大家参考，具体如下：

层叠选择器

如果想通过DOM元素之间的层次关系来获取特定的元素，例如后代元素，子元素，相邻元素和兄弟元素等，那么层叠选择器是一个非常好的选择。

位置选择器语法如下：

• "基准元素 层叠符号 目标元素"

层叠选择器的用法

• 后代选择器
  • 格式:$("ancestor descendant")
• 子选择器
  • 格式:$("parent>child")
• 相邻选择器
  • 格式:$("prev+next")
• 兄弟选择器
  • 格式:$("prev~siblings")

如操作：

• 获取第一个ul下所有的li
• 获取第一个ul下的子节点li
• 获取form表单中第二个div之后的相邻节点
• 获取form表单中第二个div之后的所有兄弟节点

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

您可能感兴趣的文章:

• jQuery内容选择器与表单选择器实例分析
• jQuery子选择器与可见性选择器实例分析
• JQuery的加载和选择器用法简单示例
• jQuery分组选择器简单用法示例
• jQuery表单元素过滤选择器用法实例分析
• jQuery内容过滤选择器与子元素过滤选择器用法实例分析
• jQuery选择器之基本过滤选择器用法实例分析
• jQuery选择器之层次选择器用法实例分析
• jQuery选择器之基本选择器用法实例分析
• jQuery位置选择器用法实例分析