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之類的標題元素

相關文章
jquery checkbox全選、取消全選實現(xiàn)代碼
jquery實現(xiàn)checkbox全選、取消全選的代碼。2010-03-03jQuery和hwSlider實現(xiàn)內(nèi)容響應式可觸控滑動切換效果附源碼下載(二)
這篇文章主要介紹了jQuery和hwSlider實現(xiàn)內(nèi)容響應式可觸控滑動切換效果附源碼下載(二)的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-06-06jQuery插件FusionCharts實現(xiàn)的Marimekko圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts實現(xiàn)的Marimekko圖效果,結合實例形式分析了jQuery使用FusionCharts插件結合xml數(shù)據(jù)繪制Marimekko圖的相關操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03Jquery實現(xiàn)點擊按鈕,連續(xù)地向textarea中添加值的實例代碼
本篇文章主要是對Jquery實現(xiàn)點擊按鈕,連續(xù)地向textarea中添加值的實例代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-03-03jQuery查詢數(shù)據(jù)返回object和字符串影響原因是什么
查詢數(shù)據(jù)返回object和字符串,導致這兩種情況的原因是什么呢?在本文將為大家詳細介紹下,具體祥看代碼2013-08-08jQuery UI Autocomplete 1.8.16 中文輸入修正代碼
jQuery UI Autocomplete 1.8.16 中文輸入修正代碼,使用jQuery UI Autocomplete的朋友可以參考下2012-04-04招聘網(wǎng)站基于jQuery實現(xiàn)自動刷新簡歷
本文介紹下招聘網(wǎng)站基于jQuery實現(xiàn)自動刷新簡歷的方法,十分的簡單實用,有需要的朋友,參考下吧2015-05-05