form input: 查询 form 下所有 input 元素, 含有后代关系
form>input: 查询 form 下所有 input 元素, 有有父子关系, 没有后代关系
form+input: 查询与 form 同级的第一个 input 元素, 是兄弟关系
form~input: 查询与 form 同级的所有 input 元素, 是兄弟关系
- <html>
- <head>
- <meta http-equiv="content-type" content="text/html; charset=UTF-8">
- <script type="text/javascript" src="../js/jquery-1.6.js"></script>
- </head>
- <body>
- <form>
- <input type="text" value="a"/>
- <table>
- <tr>
- <td>
- <input type="checkbox" value="b"/>
- </td>
- </tr>
- </table>
- </form>
- <input type="radio" value="c"/>
- <input type="radio" value="d"/>
- <input type="radio" value="e"/>
- <script type="text/javascript">
- //1) 找到表单 form 下所有的 input 元素的个数
- //alert($("form input").size());
- //2) 找到表单 form 下所有的子级 input 元素个数
- //alert($("form>input").size());
- //3) 找到表单 form 同级第一个 input 元素的 value 属性值
- //alert($("form+input").val());
- //4) 找到所有与表单 form 同级的 input 元素个数
- alert($("form~input").size());
- </script>
- </body>
- </html>
来源: http://www.bubuko.com/infodetail-2589214.html