jquery選擇器之基本過濾選擇器詳解
更新時間:2014年01月27日 10:11:49 作者:
本篇文章主要是對jquery選擇器之基本過濾選擇器進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
復制代碼 代碼如下:
<style type="text/css">
/*高亮顯示*/
.highlight{
background-color: gray
}
</style>
復制代碼 代碼如下:
<body>
<h3>各省市行政區(qū)劃</h3>
<table border="1" width="50%">
<thead>
<tr>
<th>北京</th>
<th>上海</th>
<th>商丘</th>
</tr>
</thead>
<tbody>
<tr>
<td>海淀</td>
<td>徐匯</td>
<td>睢陽</td>
</tr>
<tr>
<td>朝陽</td>
<td>閘北</td>
<td>梁園</td>
</tr>
<tr>
<td>昌平</td>
<td>黃埔</td>
<td>柘城</td>
</tr>
</tbody>
</table>
</body>
一、:first
復制代碼 代碼如下:
$("tr:first").addClass("highlight"); //獲取匹配的第一個tr元素

二、:last()
復制代碼 代碼如下:
$("tr:last").addClass("highlight"); //獲取匹配的最后一個tr元素

三、:not(selector)
復制代碼 代碼如下:
$("td:not(:even)").addClass("highlight");//獲取除了索引是偶數(shù)的td

四、:even
復制代碼 代碼如下:
$("tr:even").addClass("highlight"); //匹配所有索引值為偶數(shù)的元素,從 0 開始計數(shù)

五、:odd
復制代碼 代碼如下:
$("tr:odd").addClass("highlight"); //匹配所有索引值為奇數(shù)的元素,從 0 開始計數(shù)

六、:eq(index)
復制代碼 代碼如下:
$("tr:eq(2)").addClass("highlight"); //匹配一個給定索引值的元素

七、:gt(index)
復制代碼 代碼如下:
$("tr:gt(1)").addClass("highlight"); //匹配所有大于給定索引值的元素

八、:lt(index)
復制代碼 代碼如下:
$("tr:lt(2)").addClass("highlight"); //匹配所有小于給定索引值的元素

九、:header
復制代碼 代碼如下:
$(":header").addClass("highlight"); //匹配如 h1, h2, h3之類的標題元素
相關(guān)文章
jQuery的實現(xiàn)原理的模擬代碼 -1 核心部分
最近又看了一下 jQuery 1.4.2, 為了便于理解,將 jQuery 的核心使用比較簡單的代碼模擬一下。方便學習。2010-08-08
jQuery動態(tài)移除與增加onclick屬性的方法詳解
這篇文章主要介紹了jQuery動態(tài)移除與增加onclick屬性的方法,結(jié)合實例形式分析了jQuery使用attr與removeAttr方法針對元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-06-06
jquery 輸入框查找關(guān)鍵字并提亮顏色的實例代碼
下面小編就為大家分享一篇jquery 輸入框查找關(guān)鍵字并提亮顏色的實例代碼,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
jQuery使用bind函數(shù)實現(xiàn)綁定多個事件的方法
這篇文章主要介紹了jQuery使用bind函數(shù)實現(xiàn)綁定多個事件的方法,結(jié)合簡單實例形式分析了jQuery使用bind函數(shù)進行多個事件綁定的操作技巧與注意事項,需要的朋友可以參考下2017-10-10

