分類解析jQuery選擇器
基本選擇器：
#id 根據(jù)Id匹配一個(gè)元素
.class 根據(jù)給定的類名匹配一個(gè)元素
element 根據(jù)元素名匹配一個(gè)元素
* 匹配所有元素
selecttor1,selector2 并集，返回兩個(gè)選擇器匹配到的元素
層次選擇器：
ancestor descendant 根據(jù)祖先匹配所有的后代元素
parent>child 根據(jù)父元素匹配所有的子元素，直接后代
prev+next 匹配下一個(gè)兄弟元素 相當(dāng)于next()方法
prev~siblings 匹配后面的兄弟元素 相當(dāng)于nextAll()方法 siblings()方法為匹配所有的兄弟元素
簡(jiǎn)單過濾選擇器：
:first或first() 匹配第一個(gè)元素
:last或last() 匹配最后一個(gè)元素
:not(selector) 匹配非selector能匹配到的元素
:even 匹配索引值為偶數(shù)的元素，索引號(hào)從0開始
:odd 匹配索引值為奇數(shù)的元素，索引號(hào)從0開始
:eq(index) 匹配指定索引號(hào)的元素，索引號(hào)從0開始
:gt(index) 匹配索引號(hào)大于給定索引值的元素，索引號(hào)從0開始
:lt(index) 匹配索引號(hào)小于給定索引值的元素，索引號(hào)從0開始
:header 匹配所有的標(biāo)題元素 h1 h2 h3 h4 h5 h6
:animated 匹配所有正在執(zhí)行動(dòng)畫的元素
內(nèi)容過濾選擇器：
:contains(text) 匹配包含給定文本的元素
:empty 匹配所有不包含子元素或者文本的空元素
:has(selector) 匹配后代中含有selector能匹配上元素的元素
:parent 匹配含有子元素或者文本的元素
可見性過濾選擇器：
:hidden 匹配不可見元素，或者type="hidden"的元素 含有css樣式:display:"none";的元素，無論CSS是內(nèi)聯(lián)，導(dǎo)入，鏈接式
:visible 獲取所有的可見元素
屬性過濾選擇器：
[attribute] 匹配含有給定屬性的元素
[attribute=value] 匹配含有屬性=value的元素
[attribute!=value] 匹配含有屬性但!=value的元素
[attribute^=value] 匹配屬性值是以value開始的元素
[attribute$=value] 匹配屬性值是以value結(jié)束的元素
[attribute*=value] 匹配屬性值包含某些值的元素，部分前后，中間有也算
[selector][selector] 匹配屬性選擇器的交集
子元素過濾選擇器：
:nth-child(eq|even|odd|index) 獲取所有父元素特定位置的子元素
:first 獲取所有父元素下的第一個(gè)子元素
:last 獲取所有父元素下最后一個(gè)子元素
:only-child 獲取所有父元素下唯一的一個(gè)元素
表單對(duì)象屬性過濾選擇器：
:enabled 獲取表單中所有可用的元素
:disabled 獲取表單中所有不可用的元素
:checked 獲取表單張所有被選中的元素
:selected 獲取表單中所有被選中的option的元素
表單選擇器：
:input 獲取所有的表單元素<input開頭的，還有textarea select
:text 獲取所有的單行文本框 <input type="text" />
:password 獲取所有的密碼框元素 <input type="password" />
:radio 獲取所有的單選按鈕 <input type="radio" />
:checkbox 獲取所有的復(fù)選框 <input type="checkbox">
:submit 獲取所有的提交按鈕 <input type="submit" />
:image 獲取所有的圖像按鈕 <input type="image" />
:reset 獲取所有的重置按鈕 <input type="reset" />
:button 獲取所有的按鈕 <input type="button">
:file 獲取所有的文件上傳框 <input type="file" />
1、基本選擇器
(1)、#id 根據(jù)Id匹配一個(gè)元素
$("#div1").css("background-color","red"); //匹配id為"div1"的元素
<div id="div1">我是一個(gè)DIV</div> //會(huì)選中該div元素
(2)、element 根據(jù)給定的元素名匹配元素
$("p").css("background-color","red"); //匹配頁面所有的p元素
<p>我是一個(gè)P</p>
(3)、class 根據(jù)class屬性匹配元素
$(".important").removeClass(); //匹配所有class="important"元素
<p class="important">我是一個(gè)p元素</p>
(4)、* 匹配所有的元素
$("*").css("background-color","red");
(5)、selector1,selector2 選擇器之間用逗號(hào)分隔 返回每一個(gè)選擇器匹配到的元素
$(".div1,#span1").css("background-color","red");
2、層次選擇器
(1)、ancestor descendant 根據(jù)祖先元素匹配所有的后代元素，返回的是匹配到的后代元素，用空格分開。
$("#div1 span").css("color","red");
<div id="div1">
<span>我是span1</span> ***會(huì)被選中，是#div1的后代span
<div>
<span>我是span3</span> ***會(huì)被選中，也是#div1的后代span
</div>
</div>
<span>我是span2</span> ***不會(huì)被選中，不是#div1的后代
(2)、parent > child 根據(jù)父元素匹配所有的子元素 返回所有的子元素 用大于號(hào)">"分隔
$("#div1 > span").css("color","red");
<div id="div1">
<span>我是span1</span> ***會(huì)被選中，是#div1的子元素span
<div>
<span>我是span3</span> ***不會(huì)被選中，是#div1的后代元素，但不是直接子元素
</div>
</div>
<span>我是span2</span> ***不會(huì)被選中，不是#div1的子元素
(3)、prev + next 匹配緊接在prev元素后的相鄰的下一個(gè)元素 用加號(hào)"+"分隔。
相當(dāng)于.next()方法
$(".p1 + p").css("color","red"); //此行代碼相當(dāng)于$(".p1").next().css("color","red");
<div>
<p>我是第一個(gè)P</p> ***不會(huì)被選中，是class為p1的上一個(gè)了
<p class="p1">我是第二個(gè)P</p> ***prev本身并不會(huì)被選中
<p>我是第三個(gè)P</p> ***會(huì)被選中，是class為p1的下一個(gè)相鄰元素
<p>我是第四個(gè)P</p> ***不會(huì)被選中，不是class為p1的下一個(gè)，是下二個(gè)了
</div>
(4)、prev ~ sibings 匹配prev后面的的所有兄弟元素 用波浪線"~"分隔開
相當(dāng)于 nextAll()方法
$(".p1 + p").css("color","red"); //此行代碼相當(dāng)于$(".p1").nextAll("p").css("color","red");
<div>
<p>我是第一個(gè)P</p> ***不會(huì)被選中，是class為p1前面的元素
<p class="p1">我是第二個(gè)P</p> ***prev本身并不會(huì)被選中
<p>我是第三個(gè)P</p> ***會(huì)被選中，是class為p1后面的P兄弟元素
<p>我是第四個(gè)P</p> ***會(huì)被選中，也是class為p1后面的P兄弟元素
</div>
(5)、選中所有的兄弟元素 siblings() 方法
$(".p1").sibings("p").css("color","red");
<div>
<p>我是第一個(gè)P</p> ***會(huì)被選中，是class為p1的P兄弟元素
<p class="p1">我是第二個(gè)P</p> ***prev本身并不會(huì)被選中
<p>我是第三個(gè)P</p> ***會(huì)被選中，是class為p1的P兄弟元素
<p>我是第四個(gè)P</p> ***會(huì)被選中，也是class為p1的P兄弟元素
</div>
3、簡(jiǎn)單過濾選擇器
(1)、first()或:first 選中符合條件的第一個(gè)元素
$("#div1 > p:first").css("color","red") //此行代碼相當(dāng)于 $("#div1 > p").first().css("color","red");
<div id="div1">
<p>我是第一個(gè)P</p> ***會(huì)被選中，是id為#div1下的第一個(gè)P元素
<p>我是第二個(gè)P</p> ***不會(huì)被選中，是第二個(gè)P元素了
<p>我是第三個(gè)P</p> ***不會(huì)被選中，是第三個(gè)P元素了
</div>
(2)、last()或:last 符合條件的最后一個(gè)元素
$("#div1 > p:last").css("color","red"); //此行代碼相當(dāng)于 $("#div1 > p").last().css("color","red");
<div id="div1">
<p>我是第一個(gè)P</p> ***不會(huì)被選中，是第一個(gè)
<p>我是第二個(gè)P</p> ***不會(huì)被選中，是第二個(gè)
<p>我是第三個(gè)P</p> ***會(huì)被選中，id為#div1下的最后一個(gè)P元素
</div>
(3)、:not(selector) 符合條件但不能被selector選中的元素
$("#div1 > p:not('.p1')").css("color","red");
<div id="div1">
<p>我是第一個(gè)P</p> ***會(huì)被選中
<p class="p1">我是第二個(gè)P</p> ***不會(huì)被選中，因?yàn)榉狭?not里的條件 class="p1"
<p>我是第三個(gè)P</p> ***會(huì)被選中
</div>
(4)、:even 獲取指定索引值為偶數(shù)的元素(0、2、4、6、8……)，注意索引號(hào)是從0開始的
$("#div1 > p:even").css("color","red");
<div id="div1">
<p>我是第一個(gè)P</p> ***會(huì)被選中，索引號(hào)0
<p>我是第二個(gè)P</p> ***不會(huì)被選中，索引號(hào)1
<p>我是第三個(gè)P</p> ***會(huì)被選中，索引號(hào)2
<p>我是第四個(gè)P</p> ***不會(huì)被選中，索引號(hào)3
<p>我是第五個(gè)P</p> ***會(huì)被選中，索引號(hào)4
</div>
(5)、odd 獲取指定索引值為奇數(shù)的元素(1、3、5、7、9......)，注意索引號(hào)是從1開始的
$("#div1 > p:odd").css("color","red");
<div id="div1">
<p>我是第一個(gè)P</p> ***不會(huì)被選中，索引號(hào)0
<p>我是第二個(gè)P</p> ***會(huì)被選中，索引號(hào)1
<p>我是第三個(gè)P</p> ***不會(huì)被選中，索引號(hào)2
<p>我是第四個(gè)P</p> ***會(huì)被選中，索引號(hào)3
<p>我是第五個(gè)P</p> ***不會(huì)被選中，索引號(hào)4
</div>
(6)、eq(index) 選取指定索引值的元素，索引值從0開始
$("#div1 > p:eq(1)").css("color","red");
<div id="div1">
<p>我是第一個(gè)P</p> ***不會(huì)被選中，索引號(hào)為0
<p>我是第二個(gè)P</p> ***不會(huì)被選中，索引號(hào)為1
<p>我是第三個(gè)P</p> ***不會(huì)被選中，索引號(hào)為2
<p>我是第四個(gè)P</p> ***不會(huì)被選中，索引號(hào)為3
</div>
(7)、gt(index) 獲取所有索引值大于index的元素，索引號(hào)從0開始
$("#div1 > p:gt(1)").css("color","red");
<div id="div1">
<p>我是第一個(gè)P</p> ***不會(huì)被選中，索引號(hào)為0
<p>我是第二個(gè)P</p> ***不會(huì)被選中，索引號(hào)為1
<p>我是第三個(gè)P</p> ***會(huì)被選中，索引號(hào)為2大于1了
<p>我是第四個(gè)P</p> ***會(huì)被選中，索引號(hào)為3大于1了
</div>
(8)、lt(index) 獲取所有索引值小于index的元素，索引號(hào)從0開始
$("#div1 > p:lt(1)").css("color","red");
<div id="div1">
<p>我是第一個(gè)P</p> ***會(huì)被選中，索引號(hào)為0，小于1
<p>我是第二個(gè)P</p> ***不會(huì)被選中，索引號(hào)為1，不小于1
<p>我是第三個(gè)P</p> ***不會(huì)被選中，索引號(hào)為2大于1了
<p>我是第四個(gè)P</p> ***不會(huì)被選中，索引號(hào)為3大于1了
</div>
(9)、:header 索取所有標(biāo)題類型元素h1、h2、h3、h4、h5、h6
$("#div1 > :header").css("color","red");
<div id="div1">
<p>我是一個(gè)P</p> ***不會(huì)被選中，不是標(biāo)題類型元素
<span>我是一個(gè)span</span> ***不會(huì)被選中，不是標(biāo)題類型元素
<h1>我是一個(gè)h1</h1> ***會(huì)被選中，h1是標(biāo)題類型元素
<h6>我是一個(gè)h6</h6> ***會(huì)被選中，h6是標(biāo)題類型元素
</div>
(10)、animated 正在執(zhí)行動(dòng)畫效果的元素
4、內(nèi)容過濾選擇器
(1)、:contains(text) 獲取包含給定文本的元素
$("p:contains('三')").css("background-color","red");
<div>
<p>我是第一個(gè)P</p> ***不會(huì)被選中
<p>我是第二個(gè)P</p> ***不會(huì)被選中
<p>我是第三個(gè)P</p> ***會(huì)被選中，文本里包含了"三"
</div>
(2)、:empty 獲取不包含子元素或文本的空元素
$(:empty).text("我是空元素");
<div>
<div><span></span></div> ***div不會(huì)被選中，因?yàn)橛?lt;span></span>子元素。<span></span>會(huì)被選中，因?yàn)闆]有子元素也沒有文本元素
<p></p> ***會(huì)被選中，沒有子元素，也沒有文本元素
<span>我是一個(gè)span</span> ***不會(huì)被選中,有文本元素
</div>
(3)、:has(selector) 選中含有selector所匹配元素的元素,(注意不限于直接子元素，只要是后代含有都算)
$("div:has('span')").css("background-color","red");
<div> ***此div會(huì)被選中，因?yàn)樗挠袑O子span
我是最外層div
<div><p>我是一個(gè)P</p></div> ***此div不會(huì)被選中，因?yàn)椴缓泻蟠鷖pan
<div><span>我是一個(gè)span</span></div> ***此div會(huì)被選中，含有后代span
</div>
(4)、:parent 含有子元素或者文本元素的元素
$(":parent").text("不含子元素或文本元素");
<div>我是一個(gè)div</div> ***不會(huì)被選中，因?yàn)楹形谋驹?
<div><span>我是一個(gè)span</span></div> ***不會(huì)被選中，含有子元素。
<div></div> ***會(huì)被選中，不含子元素也不含有文本元素
5、可見性過濾選擇器
(1)、:hidden 選中所有不可見元素
$("span:hidden").css("display","block");
$("input:hidden").val("我是jQuery");
<span style="display:none">我是一個(gè)span</span> ***會(huì)被第一條規(guī)則選中
<input type="hidden" value="我是一個(gè)隱藏的input" /> ***會(huì)被第二條jQuery選中
<span class="span1">我是span1</span> ***會(huì)被第一條jQuery選中
(2)、:visible 選中所有可見元素
6、屬性過濾選擇器
(1)、[attribute] 獲取包含給定屬性的元素
$("div[class]").css("font-size","30px");
<div>
<div class="div1">我是第一個(gè)div</div> ***會(huì)被選中，含有class屬性
<div>我是第二個(gè)div</div> ***不會(huì)被選中，沒含有class屬性。
</div>
(2)、[attribute=value] 獲取屬性值等于value的元素
$("div[class=div1]").css("font-size","30px");
<div>
<div class="div1">我是div1</div> ***會(huì)被選中，class屬性等于div1。
<div class="div2">我是div2</div> ***不會(huì)被選中,class屬性不等于div1。
</div>
(3)、[attribute!=value] 獲取屬性值不等于value的元素
$("div[class!=div1]").css("color","red");
<div>我是一個(gè)沒有class屬性的div</div> ***會(huì)被選中，沒有class屬性自然class屬性不等于div1
<div class="div2">我是一個(gè)class屬性等于div2的div</div> ***會(huì)被選中，class屬性不等于div1
<div class="div1">我是一個(gè)class屬性等于div1的元素</div> ***不會(huì)被選中，class屬性等于div1
(4)、[attribute^=value] 獲取屬性值以value開始的元素
$("div[class^=div]").css("color","red');
<div class="div1">我是div1</div> ***會(huì)被選中，class屬性以div開始
<div class="div2">我是div2</div> ***會(huì)被選中，class屬性以div開始
<div class="abc">我是div3</div> ***不會(huì)被選中，class屬性不以div開始
(5)、[attribute$=value] 獲取屬性值以value結(jié)束的元素
$("div[class$=div]").css("color","red");
<div class="1div">我是第一個(gè)div</div> ***會(huì)被選中，class屬性以div結(jié)束
<div class="2div">我是第二個(gè)div</div> ***會(huì)被選中，class屬性以div結(jié)束
<div class="abc">我是第三個(gè)div</div> ***不會(huì)被選中，class屬性不以div結(jié)束
(6)、[attribute*=value] 獲取屬性值包含value值元素
$("div[class*=div]").css("font-size","30px");
<div class="div1">我是div1</div> ***會(huì)被選中，屬性值包含div
<div class="1div">我是1div</div> ***會(huì)被選中，屬性值包含div
<div class="1div1">我是1div1</div> ***會(huì)被選中，屬性值包含div
<div class="abc">我是abc</div> ***會(huì)被選中，屬性值包含div
(7)、[selector][selector][selector] 獲取屬性交集元素
$("div:[class][title=title1]").css("background-color","red");
<div class="div1" title="title1">我是div1,title1</div> ***會(huì)被選中，有class屬性且title屬性等于title1
<div class="div1" title=title2>我是div1,title2</div> ***不會(huì)被選中，雖然有class屬性，但是title屬性不等于title2
<div class="div3">我是div3</div> ***不會(huì)被選中，沒有title屬性
7、子元素過濾選擇器
(1):nth-child(eq|even|odd|index) 獲取每個(gè)父元素下的特定位置元素，索引號(hào)從1開始
$("div>p:nth-child(1)").css("background-color","red"); //選中每一個(gè)父元素下的div下的第一個(gè)直接P元素
<div>
<p>我是第一個(gè)P</p> *** 會(huì)被選中，是div下的第一個(gè)子P元素
<p>我是第二個(gè)P</p> *** 不會(huì)被選中，是第二個(gè)了
</div>
<div>
<P>我是第三個(gè)P</P> *** 會(huì)被選中，是div下的第一個(gè)子P元素
<P>我是第四個(gè)P</P> *** 不會(huì)被選中，是第二個(gè)了
</div>
(2):first-child 選中每個(gè)父元素下的第一個(gè)
$("p:first-child").css("background-color","red"); //選中每一個(gè)父元素下的第一個(gè)P元素
<div>
<p>我是第一個(gè)P</p> *** 會(huì)被選中，是div下的第一個(gè)子P元素
<p>我是第二個(gè)P</p> *** 不會(huì)被選中，是第二個(gè)了
</div>
<ul>
<li>
<P>我是第三個(gè)P</P> *** 會(huì)被選中，是div下的第一個(gè)子P元素
<P>我是第四個(gè)P</P> *** 不會(huì)被選中，是第二個(gè)了
</li>
</ul>
(3)、:last-child 選中每一個(gè)父元素下的最后一個(gè)元素
$("p:last-child").css("background-color","red"); //選中每一個(gè)父元素下的第一個(gè)P元素
<div>
<p>我是第一個(gè)P</p> *** 不會(huì)被選中，不是某父元素的最后一個(gè)子P元素
<p>我是第二個(gè)P</p> *** 會(huì)被選中，是div元素下的最后一個(gè)子P元素
</div>
<ul>
<li>
<P>我是第三個(gè)P</P> *** 不會(huì)被選中，不是某父元素下的最后一個(gè)子P元素
<P>我是第四個(gè)P</P> *** 會(huì)被選中，是div元素下的最后一個(gè)P元素
</li>
</ul>
(4)、:only-child 獲取每個(gè)父元素下唯一僅有的一個(gè)子元素
$("p:only-child").css("background-color","red");
<div>
<p>我是第一個(gè)P</p> ***不會(huì)被選中，不是某父元素下的唯一一個(gè)P元素
<p>我是第二個(gè)P</p> ***不會(huì)被選中，不是某父元素下的唯一一個(gè)P元素
</div>
<div>
<span>我是一個(gè)span</span> ***不會(huì)被選中，不是某父元素下的唯一一個(gè)P元素
<p>我是第三個(gè)P</p> ***不會(huì)被選中，不是某父元素下的唯一一個(gè)span元素
</div>
<div>
<p>我是一個(gè)P</p> ***會(huì)被選中，是div下的唯一一個(gè)P元素
</div>
8、表單對(duì)象屬性過濾選擇器
(1)、:enabled 獲取表單中所有屬性為可用的元素
$("input:enabled").val("jQuery表單對(duì)象屬性過濾選擇器");
<div>
<input type="text" value="我是一個(gè)可用的input" /> ***會(huì)被選中，是一個(gè)可用的表單元素
<input type="text" value="我是一個(gè)不可用的input" disabled="disabled" /> ***不會(huì)被選中，是不可用的表單元素
</div>
(2)、:disabled 獲取表單中屬性不可用的元素
$("input:enabled").val("jQuery表單對(duì)象屬性過濾選擇器");
<div>
<input type="text" value="我是一個(gè)可用的input" /> ***不會(huì)被選中，是一個(gè)可用的表單元素
<input type="text" value="我是一個(gè)不可用的input" disabled="disabled" /> ***會(huì)被選中，是不可用的表單元素 //注意，jQuery能夠操作不可用 的表單元素
</div>
(3)、:checked 獲取表單中被選中的元素 從屬性能夠知道用戶選中了哪個(gè)
$("input:checked").val("jQuery");
<div>
<input type="checkbox" checked="checked" value="1">選中
<input type="checkbox" value="0">未選中
</div>
(4)、:selected 獲取表單中被選中的元素 此屬性能夠知道用戶選擇了哪個(gè)
alert($("input:selected").text("")); //獲取所有被選中的option元素
<div>
<selected>
<option value="0" selected="selected">option1</option> ***會(huì)被選中
<option value="1">option2</option> ***不會(huì)被選中，因?yàn)楸緊ption不是選中的。
</selected>
</div>
9、表單選擇器
(1)、:input 獲取所有的input、textarea、select
$(":input").val("jQuery");
<div>
<textarea>我是一個(gè)兵</textarea> ***會(huì)被選中
<input text="button" value="" /> ***會(huì)被選中
<p>我是一個(gè)P</p> ***不會(huì)被選中
</div>
(2)、:text 獲取所有的單行文本框，也就是<input type="text" />元素
$(":text").val("jQuery");
<div>
<input type="text" value="我是一個(gè)input" /> ***會(huì)被選中，是單行文本框
<input type="button" value="確定" /> ***不會(huì)被選中，不是單行文本框
<textarea>我是一個(gè)textarea</textarea> ***不會(huì)被選中，不是單行文本框
</div>
(3)、:password 獲取所有的密碼框 也就是<input type="password" />元素
$(":password").hide(3000);
<div>
<input type="password" /> ***會(huì)被選中，是密碼框
<input type="text" value="我是一個(gè)文本框" /> ***不會(huì)被選中，是文本框
</div>
(4)、:radio 獲取所有的單選按鈕
$(":radio").hide(3000);
<div>
<input type="radio" />我是一個(gè)radio ***單選按鈕會(huì)被選中，但是后面的文字不會(huì)
<input type="text" />我是一個(gè)文本框 ***不會(huì)被選中
</div>
(5)、：checkbox 獲取所有的復(fù)選框
$(":checkbox").hide(3000);
<div>
<input type="checkbox" />我是一個(gè)checkbox ***復(fù)選框會(huì)被選中，文本不會(huì)
<input type="text" />我是一個(gè)文本框 ***不會(huì)被選中，不是復(fù)選框
</div>
(6)、:submit 獲取所有的提交按鈕
$(":submit").hide(3000);
<div>
<input type="submit" value="提交"> ***會(huì)被選中，是提交按鈕
<input type="text" value="我是一個(gè)文本框"> ***不會(huì)被選中，不是提交按鈕
</div>
(7)、:image 獲取所有的圖像域
$(":image").attr("title","我是一個(gè)圖片按鈕");
<div>
<input type="image" src="http://www.baidu.com/img/baidu_sylogo1.gif" /> ***會(huì)被選中
<input type="text" value="我是一個(gè)文本框" /> ***不會(huì)被選中，不是圖片按鈕
</div>
(8)、:reset 獲取所有重置按鈕
$(":reset").hide(3000);
<div>
<input type="reset" value="重置"> ***會(huì)被選中，是重置按鈕
<input type="text" value="我是一個(gè)文本框"> ***不會(huì)被選中，不是重置按鈕
</div>
(9)、:button 獲取所有的按鈕
$(":button").hide(3000);
<div>
<input type="button" value="確認(rèn)" /> ***會(huì)被選中，是按鈕元素
<input type="text" value="我是一個(gè)文本框" /> ***不會(huì)被選中，不是按鈕元素
</div>
(10)、:file 獲取所有的文件域
$(":file").hide(3000);
<div>
<input type="file" title="file" />
<input type="text" value="我是一個(gè)文本框" />
</div>
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家有所幫助，謝謝對(duì)腳本之家的支持！
- jQuery中Find選擇器用法示例
- jquery 屬性選擇器（匹配具有指定屬性的元素）
- jquery基本選擇器匹配多個(gè)元素的實(shí)現(xiàn)方法
- jQuery基本選擇器之標(biāo)簽名選擇器
- jQuery選擇器總結(jié)之常用元素查找方法
- 淺談jQuery 選擇器和dom操作
- jQuery四種選擇器使用及示例
- 淺析jQuery事件之on()方法綁定多個(gè)選擇器,多個(gè)事件
- jQuery移動(dòng)端日期(datedropper)和時(shí)間(timedropper)選擇器附源碼下載
- jQuery插件實(shí)現(xiàn)適用于移動(dòng)端的地址選擇器
- jQuery的選擇器中的通配符[id^=''code'']或[name^=''code'']及jquery選擇器總結(jié)
相關(guān)文章
jquery+css+ul模擬列表菜單具體實(shí)現(xiàn)思路
本文主要與大家分享下jquery ul模擬列表菜單的具體實(shí)現(xiàn)步驟及代碼,有興趣的朋友可以參考下哈，希望可以幫助到你2013-04-04
這篇文章主要介紹了jQuery控制網(wǎng)頁打印指定區(qū)域的方法,涉及jQuery操作html元素的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()
這篇文章主要介紹了jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow(),需要的朋友可以參考下2015-08-08
關(guān)于jQuery新的事件綁定機(jī)制on()的使用技巧
本篇文章介紹了，關(guān)于jQuery新的事件綁定機(jī)制on()的使用技巧。需要的朋友參考下2013-04-04
jQuery實(shí)現(xiàn)圖片上傳預(yù)覽效果功能完整實(shí)例【測(cè)試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)圖片上傳預(yù)覽效果功能,結(jié)合完整實(shí)例形式分析了jQuery處理圖片上傳預(yù)覽相關(guān)事件響應(yīng)、瀏覽器判斷、圖片及頁面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-05-05
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)音樂播放試聽列表的相關(guān)資料,需要的朋友可以參考下2016-04-04
jquery實(shí)現(xiàn)點(diǎn)擊彈出對(duì)話框
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)點(diǎn)擊彈出對(duì)話框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
jquery實(shí)現(xiàn)控制表格行高亮實(shí)例
jquery實(shí)現(xiàn)控制表格行高亮實(shí)例，需要的朋友可以參考一下2013-06-06
jQuery實(shí)現(xiàn)提交按鈕點(diǎn)擊后變成正在處理字樣并禁止點(diǎn)擊的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)提交按鈕點(diǎn)擊后變成正在處理字樣并禁止點(diǎn)擊的方法,涉及jQuery中val與attr方法的使用技巧,需要的朋友可以參考下2015-03-03
jQuery實(shí)現(xiàn)的簡(jiǎn)單排序功能示例【冒泡排序】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的簡(jiǎn)單排序功能,結(jié)合實(shí)例形式分析了冒泡排序的原理及具體實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2017-01-01