溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
:first：查詢第一個元素
:last：查詢最后個元素
:checked：查詢選中的復選框
:not(:checked)：查詢未選中的復選框
:even：偶數
:odd：奇數
:eq()：索引從0開始
:gt():大于索引號
:lt()：小于索引號
:header：查詢所有<h2/2/3/4/5/6>標簽
.css("key","value")為查詢到的所有標簽添加CSS樣式
<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>
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
<input type="checkbox" checked/>
<input type="checkbox" checked/>
<input type="checkbox"/>
<table border="1">
<tr><td>line1</td></tr>
<tr><td>line2</td></tr>
<tr><td>line3</td></tr>
</table>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<p>p</p>
<script type="text/javascript">
//1)查找UL中第一個元素的內容
// alert($("ul li:first").html());
// alert($("ul>li:first").html());
//2)查找UL中最后個元素的內容
// alert($("ul>li:last").html());
//3)查找所有未選中的input元素個數
//alert($("input:not(:checked)").size());
//alert($("input:checked").size())
//4)查找表格的1、3、5...奇數行個數[從0開始計數]
//alert($("table tr:even").size());
//5)查找表格的2、4、6...偶數行個數[從0開始計數]
//alert($("table tr:odd").size());
//6)查找表格中第二行的內容，從索引號0開始
//alert($("table tr:eq(1)").html());
//7)查找表格中第二第三行的個數，即索引值是1和2，也就是比0大
//alert($("table tr:gt(0)").size());
//8)查找表格中第一第二行的個數，即索引值是0和1，也就是比2小
//alert($("table tr:lt(2)").size());
//9)給頁面內所有標題<h2><h3><h4>加上紅色背景色
$(":header").css("background","red");
</script>
</body>
</html>
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
