首页 > 代码库 > 增强基本选择器[selector_3.html]
增强基本选择器[selector_3.html]
增强基本选择器[selector_3.html]
$("ul li:first")
$("ul li:last")
$("table tr:even")
$("table tr:odd")
$("table tr:eq(0)")
$("table tr:gt(0)")
$("table tr:lt(2)")
$(":header")
$(":checkbox:not(:checked)")选择所有未选中的复选框。
1 <html> 2 <head> 3 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 4 <script type="text/javascript" src="../js/jquery-1.8.2.js"></script> 5 </head> 6 <body> 7 <ul> 8 <li>list item 1</li> 9 <li>list item 2</li>10 <li>list item 3</li>11 <li>list item 4</li>12 <li>list item 5</li>13 </ul>14 <input type="checkbox" checked/>15 <input type="checkbox" checked/>16 <input type="checkbox"/>17 <table border="1">18 <tr><td>line1[0]</td></tr>19 <tr>20 <td>line2[1]</td>21 </tr>22 <tr><td>line3[2]</td></tr>23 </table> 24 <h1>h1</h1>25 <h2>h2</h2>26 <h3>h3</h3>27 <h3>h4</h3>28 <h3>h5</h3>29 <h3>h6</h3>30 <p>p</p>31 <script type="text/javascript">32 /*1)查找UL中第一个元素的内容33 alert( $("ul li:first").html() );34 */35 //alert($("ul li:last").html() );36 /*2)查找UL中最后个元素的内容37 alert( $("ul li:last").html() );38 */39 40 /*4)查找表格的索引值为偶数的行个数，0,2,4,6,...41 alert( $("table tr:even").size() );42 */43 44 alert( $("table tr:odd").size() );45 /*5)查找表格的索引值为奇数的行个数，1,3,5,7,...46 alert( $("table tr:odd").size() );47 */48 49 /*6)查找表格中第二行的内容，从索引号0开始50 var $tr = $("table tr:eq(1)");51 var html = $tr.html();52 alert(html);53 */54 alert( $("table tr:eq(1)").html() );55 /*7)查找表格中第二第三行的个数，即索引值是1和2，也就是比0大56 var $tr = $("table tr:gt(0)");57 var size = $tr.size();58 alert(size);59 */ 60 61 /*8)查找表格中第一第二行的个数，即索引值是0和1，也就是比2小62 var $tr = $("table tr:lt(2)");63 var size = $tr.size();64 alert(size);65 */ 66 67 /*9)给页面内所有标题<h1><h2><h3>加上红色背景色68 $(":header").css("background-color","red");69 */70 $(":header").css("background-color","red");71 //3)查找所有未选中的input元素个数72 alert ( $(":checkbox:not(:checked)").size() );73 74 75 </script>76 </body>77 </html>
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。