例子：找到表单中所有的 input 元素 
 

<form> <label>Name:</label> <input name="name" /> <fieldset>       <label>Newsletter:</label>       <input name="newsletter" /> </fieldset> </form> <input name="none" />  $("form input")  结果:  [ , ]

$("A>B") 查找A元素下面的直接子节点 
例子：匹配表单中所有的子级input元素。 

<form> <label>Name:</label> <input name="name" /> <fieldset>       <label>Newsletter:</label>       <input name="newsletter" /> </fieldset> </form> <input name="none" />   $("form > input")  结果:  [ ] 

$("A+B") 查找A元素后面的兄弟节点，包括非直接子节点 
例子：匹配所有跟在 label 后面的 input 元素 

<form> <label>Name:</label> <input name="name" /> <fieldset>       <label>Newsletter:</label>       <input name="newsletter" /> </fieldset> </form> <input name="none" />  $("label + input")  结果:  [ , ]

$("A~B") 查找A元素后面的兄弟节点，不包括非直接子节点 
例子：找到所有与表单同辈的 input 元素 

<form> <label>Name:</label> <input name="name" /> <fieldset>       <label>Newsletter:</label>       <input name="newsletter" /> </fieldset> </form> <input name="none" />  $("form ~ input")  结果:  [ ] 

继续浏览有关 的文章

分享到

上一篇 jquery获取父级元素、子级元素、兄弟元素的方法 使用阿里云日志服务来分析日志 下一篇

相关文章推荐

2017年09月1日的内容 SQL 解决SQL Server报索引超出了数组界限的问题

今天在链接SQL SQL Server的时候，管理工具报了一个错误：“索引超出了数组界限。(Microsoft.SqlServer.Smo)”。当时我就蒙了，从来没遇到过这样的错，束手无策，因此在网上查询了一些资料。通过本...

NDIS Linux Netstat(网络状态)命令使用教程

大部分程序员对 Netstat 命令并不陌生，或多或少的都使用过它。本文将对它做一个教程详解，旨在让netstat命令详解为大家更深入的理解它和使用它。 Netstat是控制台命令,是一个监控TCP/IP网络的非常有用的工具，它可以显示路由...

JAVA Hibernate的三种状态：transient(瞬时状态)、persistent(持久化状态)、detached(游离状态)

最近项目中用到了Hibernate，关于Hibernate的三种持久状态进行了复习。本文总结了Hibernate的三种状态。 Hibernate的三种状态 transient(瞬时状态)：瞬时状态就是刚new出来一个对象，还没有被...

HTML5 CSS3实现一款漂亮的留言代码

自从多说关闭后，评论插件越来越少了。而WordPress自带的评论框非常的简陋，看起来就没有评论的欲望。本文将使用CSS3实现一款漂亮的留言代码，赶紧跟着一起改动你的博客评论框吧！ 先阅览一下运行效果吧！ 主要的html代码如...

业余杂谈 大坑和小铲子

坚持是件很难做到的事情，为了业余草已成立4年了，我给广大自主创业者推荐一篇关于创建者的文章《大坑和小铲子》，来自阮一峰。 你的目标是要找到地下的金子，但是你不知道它埋在哪里，也不知道埋得有多深。你只知道，运气好的话，可能会偶然走在路上，就在...

2017年09月2日的内容 HTML5 jQuery+CSS3实现QQ分组微信聊天效果

这是一款基于jQuery的手风琴个人信息菜单面板。使用HTML5+CSS3实现。效果类似QQ分组面板，同时展开后是类似微信聊天界面的效果。 下面是该demo效果的截图： 界面效果看起来很高大上。每一个菜单项展开后可以自定义布局...