jQuery選擇器基本選擇器
阿新 • • 發佈：2018-05-06
jQuery選擇器基本選擇器form input：查詢form下所有input元素，含有後代關系
form>input：查詢form下所有input元素，有有父子關系，沒有後代關系
form+input：查詢與form同級的第一個input元素，是兄弟關系
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>
jQuery選擇器基本選擇器