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 開始計(jì)數(shù)

五、:odd
$("tr:odd").addClass("highlight"); //匹配所有索引值為奇數(shù)的元素,從 0 開始計(jì)數(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之類的標(biāo)題元素

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