親，你理解錯(cuò)了吧，排序是0-1-2-3-4...這樣排的，難道不是第0行，第2、第4..這樣變紅色，數(shù)組的第一行的索引是0
創(chuàng)新互聯(lián)建站是專業(yè)的鎮(zhèn)雄網(wǎng)站建設(shè)公司，鎮(zhèn)雄接單;提供成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行鎮(zhèn)雄網(wǎng)站開發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!
1. 基本過(guò)濾選擇器
a) ":first"，選取第一個(gè)元素，別忘記它也是被放在一個(gè)集合里哦！因?yàn)镴Query它是DOM對(duì)象的一個(gè)集合。如，“$("tr:first")”返回所有tr元素的第一個(gè)tr元素，它仍然被保存在集合中。
b)“:last”，選取最后一個(gè)元素。如，“$("tr:last")”返回所有tr元素的最后一個(gè)tr元素，它仍然被保存在集合中。
c)“:not(selector)”，去除所有與給定選擇器匹配的元素。如，“$("input:not(:checked)")”返回所有input元素，但去除被選中的元素（單選框、多選框）。
d)“:even”，選取所有元素中偶數(shù)的元素。因?yàn)镴Query對(duì)象是一個(gè)集合，這里的偶數(shù)指的就是集合的索引，索引從0開始。
e) “:odd”，選取所有元素中奇數(shù)的元素，索引從0開始。
f) “:eq(index)”，選取指定索引的元素，索引從0開始。
g) “:gt(index)”，選取索引大于指定index的元素，索引從0開始。
h) “:lt(index)”，選取索引小于指定index的元素，索引從0開始。
i) “:header”，選取所有的標(biāo)題元素，如hq、h2等。
j) “:animated”，選取當(dāng)前正在執(zhí)行的所有動(dòng)畫元素。
2). 內(nèi)容過(guò)濾選擇器
它是對(duì)元素和文本內(nèi)容的操作。
a) “:contains(text)”，選取包含text文本內(nèi)容的元素。
b) “:empty”，選取不包含子元素或者文本節(jié)點(diǎn)的空元素。
c) “:has(selector)”，選取含有選擇器所匹配的元素的元素。
d) “:parent”，選取含有子元素或文本節(jié)點(diǎn)的元素。（它是一個(gè)父節(jié)點(diǎn)）
3). 可見性過(guò)濾選擇器
根據(jù)元素的可見與不可見狀態(tài)來(lái)選取元素。
“:hidden”，選取所有不可見元素。
“:visible”，選擇所有可見元素。
可見選擇器：hidden 不僅包含樣式屬性 display 為 none 的元素，也包含文本隱藏域 (input type=“hidden”)和 visible:hidden 之類的元素。
4).屬性過(guò)濾選擇器
通過(guò)元素的屬性來(lái)選取相應(yīng)的元素。
a) “[attribute]”，選取擁有此屬性的元素。
b) “[attribute=value]”，選取指定屬性值為value的所有元素。
c) “[attribute !=value]”，選取屬性值不為value的所有元素。
d) “[attribute ^= value]”，選取屬性值以value開始的所有元素。
e) “[attribute $= value]”，選取屬性值以value結(jié)束的所有元素。
f) “[attribute *= value]”，選取屬性值包含value的所有元素。
g) “[selector1] [selector2]…[selectorN]”，復(fù)合性選擇器，首先經(jīng)[selector1]選擇返回集合A，集合A再經(jīng)過(guò)[selector2]選擇返回集合B，集合B再經(jīng)過(guò)[selectorN]選擇返回結(jié)果集合。
5). 子元素過(guò)濾選擇器
一看名字便是，它是對(duì)某一元素的子元素進(jìn)行選取的。
a) “:nth-child(index/even/odd)”，選取索引為index的元素、索引為偶數(shù)的元素、索引為奇數(shù)的元素。
l nth-child(even/odd)：能選取每個(gè)父元素下的索引值為偶(奇)數(shù)的元素。
l nth-child(2)：能選取每個(gè)父元素下的索引值為 2 的元素。
l nth-child(3n)：能選取每個(gè)父元素下的索引值是 3 的倍數(shù)的元素。
l nth-child(3n + 1)：能選取每個(gè)父元素下的索引值是 3n + 1的元素。
b) “:first-child”，選取第一個(gè)子元素。
c) “:last-child”，選取最后一個(gè)子元素。
d) “:only-child”，選取唯一子元素，它的父元素只有它這一個(gè)子元素。
6). 表單過(guò)濾選擇器
選取表單元素的過(guò)濾選擇器。
a) “:input”，選取所有input、textarea、select 和button元素。
b) “:text”，選取所有的文本框元素。
c) “:password”，選取所有的密碼框元素。
d) “:radio”，選取所有的單選框元素。
e) “:checkbox”，選取所有的多選框元素。
f) “:submit”，選取所有的提交按鈕元素。
g) “:image”，選取所有的圖像按鈕元素。
h) “:reset”，選取所有重置按鈕元素。
i) “:button”，選取所有按鈕元素。
j) “:file”，選取所有文件上傳域元素。
k) “:hidden”，選取所有不可見元素。
7).表單對(duì)象屬性過(guò)濾選擇器
選取表單元素屬性的過(guò)濾選擇器。
“:enabled”，選取所有可用元素。
“:disabled”，選取所有不可用元素。
“:checked”，選取所有被選中的元素，如單選框、復(fù)選框。
“:selected”，選取所有被選中項(xiàng)元素，如下拉列表框、列表框。
jQuery選擇器一般分為四種
一、基本選擇器
基本選擇器是jQuery中最常用也是最簡(jiǎn)單的選擇器，它通過(guò)元素的id、class和標(biāo)簽名等來(lái)查找DOM元素。
1、ID選擇器 #id
描述：根據(jù)給定的id匹配一個(gè)元素， 返回單個(gè)元素（注：在網(wǎng)頁(yè)中，id名稱不能重復(fù)）
示例：$("#test") 選取 id 為 test 的元素
2、類選擇器 .class
描述：根據(jù)給定的類名匹配元素，返回元素集合
示例：$(".test") 選取所有class為test的元素
3、元素(標(biāo)簽)選擇器 element
描述：根據(jù)給定的元素名匹配元素，返回元素集合
示例：$("p") 選取所有的p元素 $("div") :選取所有的div標(biāo)簽
4、*
描述：匹配所有元素，返回元素集合
示例：$("*") 選取所有的元素
5、selector1，selector2,...,selectorN（并集選擇器）
描述：將每個(gè)選擇器匹配到的元素合并后一起返回，返回合并后的元素集合
示例：$("p,span,p.myClass") 選取所有p,span和class為myClass的p標(biāo)簽的元素集合
二、層次選擇器
層次選擇器根據(jù)層次關(guān)系獲取特定元素。
1、后代選擇器
示例：$("p span") 選取p元素里的所有的span元素（注：后代選擇器選擇父元素所有指定選擇的元素，不管是兒子級(jí)，還是孫子級(jí)）
2、子選擇器 $("parentchild")
示例：$("pspan") 選擇p元素下的所有span元素 （注：子選擇器只選擇直屬于父元素的子元素）
3、同輩選擇器 $("prev+next")
描述：選取緊接在prev元素后的next元素，返回元素集合
示例：$(".one+p") 選取class為one的下一個(gè)p同輩元素集合
4、同輩選擇器 $("prev~siblings")
描述：選取prev元素后的所有siblings元素，返回元素集合
示例：$("#two~p")選取id為two的元素后所有p同輩元素集合
三、過(guò)濾選擇器
1基本過(guò)濾選擇器
1、 :first
描述：選取第一個(gè)元素，返回單個(gè)元素
示例：$("p:first") 選取所有p元素中第一個(gè)p元素
2、 :last
描述：選取最后一個(gè)元素，返回單個(gè)元素
示例：$("p:last") 選取所有p元素中最后一個(gè)p元素
3、 :not(selector)
描述：去除所有與給定選擇器匹配的元素，返回元素集合
示例：$("input:not(.myClass)") 選取class不是myClass的input元素
4、 :even
描述：選取索引是偶數(shù)的所有元素，索引從0開始，返回元素集合
5、 :odd
描述：選取索引是奇數(shù)的所有元素，索引從0開始，返回元素集合
6、 :eq(index)
描述：選取索引等于index的元素，索引從0開始，返回單個(gè)元素
7、 :gt(index)
描述：選取索引大于index的元素，索引從0開始，返回元素集合
8、 :lt(index)
描述：選取索引小于于index的元素，索引從0開始，返回元素集合
9、 :focus
描述：選取當(dāng)前獲取焦點(diǎn)的元素
2內(nèi)容過(guò)濾選擇器
1、:contains(text)
描述：選取含有文本內(nèi)容為text的元素，返回元素集合
示例：$("p:contains('我')") 選取含有文本“我”的元素
2、:empty
描述：選取不包含子元素或者文本元素的空元素，返回元素集合
示例：$("p:empty") 選取不包含子元素或者文本元素的空p元素（p/p）
3、:has(selector)
描述：選取含有選擇器所匹配的元素的元素，返回元素集合
示例：$("p:has(p)") 選取含有p元素的p元素（pp//p）
4、:parent
描述：選取含有子元素或者文本的元素，返回元素集合
示例：$("p:parent") 選取含有子元素或者文本元素的p元素（pp//p或者p文本/p）
3可見性過(guò)濾選擇器
1、:hidden
描述：選取所有不可見的元素，返回元素集合
2、:visible
描述：選取所有可見的元素，返回元素集合
4屬性過(guò)濾選擇器（返回元素集合）
1、[attribute]
示例：$("p[id]") 選取擁有id屬性的p元素
2、[attribute=value]
示例：$("input[name=text]") 選取擁有name屬性等于text的input元素
3、[attribute!=value]
示例：$("input[name!=text]") 選取擁有name屬性不等于text的input元素
4、[attribute^=value]
示例：$("input[name^=text]") 選取擁有name屬性以text開始的input元素
5、[attribute$=value]
示例：$("input[name$=text]") 選取擁有name屬性以text結(jié)束的input元素
6、[attribute*=value]
示例：$("input[name*=text]") 選取擁有name屬性含有text的input元素
7、[attribute~=value]
示例：$("input[class~=text]") 選取擁有class屬性以空格分割的值中含有text的input元素
8、[attribute1][attribute2][attributeN]
描述：合并多個(gè)屬性過(guò)濾選擇器
5表單對(duì)象屬性過(guò)濾選擇器（返回元素集合）
1、:enabled
描述：選取所有可用元素
2、:disabled
描述：選取所有不可用元素
3、:checked
描述：選取所有被選中的元素（單選框，復(fù)選框）
示例：$("input:checked") 選取所有被選中的input元素
4、:selected
描述：選取所有被選中的選項(xiàng)元素（下拉列表）
示例：$("select option:selected") 選取所有被選中的選項(xiàng)元素
四、表單選擇器（返回元素集合，使用相似）
1、:text
描述：選擇所有的單行文本框
示例：$(":text")選取所有的單行文本框
2、:password
描述：選擇所有的密碼框
3、:button
描述：選擇所有的按鈕
4、:checkbox
描述：選擇所有的多選框
jquery中odd和even選擇器的用法說(shuō)明
:odd
選擇器選取每個(gè)帶有奇數(shù)
index
值的元素（比如
1、3、5）。
index
值從
開始，所有第一個(gè)元素是偶數(shù)
(0)。
最常見的用法：與其他元素/選擇器一起使用，來(lái)選擇指定的組中奇數(shù)序號(hào)的元素（如上面的例子）。
語(yǔ)法
$(":odd")
比如：$("tr:odd")表示獲取奇數(shù)行
類似地有
$("tr:even")表示獲取偶數(shù)行。
even 匹配所有索引值為偶數(shù)的元素，從 0 開始計(jì)數(shù) 查找表格的1、3、5...行(即索引值0、2、4...)。
odd 匹配所有索引值為奇數(shù)的元素，從 0 開始計(jì)數(shù) 查找表格的2、4、6行(即索引值1、3、5...) 。
內(nèi)容拓展：even和odd來(lái)自于《邏輯方塊》。
《邏輯方塊》是一款益智休閑類手機(jī)游戲，邏輯方塊游戲界面設(shè)計(jì)的簡(jiǎn)單大方，圖案清晰。包括海洋、森林、天空等5種風(fēng)格的背景界面，結(jié)合細(xì)膩的高品質(zhì)圖像描繪，將帶給你不錯(cuò)的視覺(jué)感受。 游戲中包括幾百道難度循序漸進(jìn)的謎題，簡(jiǎn)單的規(guī)則會(huì)使你沉浸在這五彩繽紛的數(shù)謎游戲中。
重慶分公司
重慶分公司
