juqery 學(xué)習(xí)之三 選擇器 可見(jiàn)性 元素屬性
:hidden
返回值
Array<Element>
示例
查找所有不可見(jiàn)的 tr 元素
HTML 代碼:
<tr style="display:none"><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
jQuery 代碼:
結(jié)果:
---------------------------------------------------------------------------------------
:visible
返回值
Array<Element>
示例
查找所有可見(jiàn)的 tr 元素
HTML 代碼:
<tr style="display:none"><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
jQuery 代碼:
結(jié)果:
---------------------------------------------------------------------------------------
[attribute]
返回值
Array<Element>
參數(shù)
attribute (String) : 屬性名
示例
查找所有含有 id 屬性的 div 元素
HTML 代碼:
<p>Hello!</p>
</div>
<div id="test2"></div>
jQuery 代碼:
結(jié)果:
---------------------------------------------------------------------------------------
[attribute=value]
返回值
Array<Element>
參數(shù)
attribute (String) : 屬性名
value (String) : 屬性值。引號(hào)在大多數(shù)情況下是可選的。但在遇到諸如屬性值包含"]"時(shí)，用以避免沖突。
示例
查找所有 name 屬性是 newsletter 的 input 元素
HTML 代碼:
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />
jQuery 代碼:
結(jié)果:
---------------------------------------------------------------------------------------
[attribute!=value]
返回值
Array<Element>
參數(shù)
attribute (String) : 屬性名
value (String) : 屬性值。引號(hào)在大多數(shù)情況下是可選的。但在遇到諸如屬性值包含"]"時(shí)，用以避免沖突。
示例
查找所有 name 屬性不是 newsletter 的 input 元素
HTML 代碼:
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />
jQuery 代碼:
結(jié)果:
---------------------------------------------------------------------------------------
[attribute^=value]
返回值
Array<Element>
參數(shù)
attribute (String) : 屬性名
value ( String) : 屬性值。引號(hào)在大多數(shù)情況下是可選的。但在遇到諸如屬性值包含"]"時(shí)，用以避免沖突。
示例
查找所有 name 以 'news' 開(kāi)始的 input 元素
HTML 代碼:
<input name="milkman" />
<input name="newsboy" />
jQuery 代碼:
結(jié)果:
---------------------------------------------------------------------------------------
[attribute$=value]
返回值
Array<Element>
參數(shù)
attribute (String) : 屬性名
value (String) : 屬性值。引號(hào)在大多數(shù)情況下是可選的。但在遇到諸如屬性值包含"]"時(shí)，用以避免沖突。
示例
查找所有 name 以 'letter' 結(jié)尾的 input 元素
HTML 代碼:
<input name="milkman" />
<input name="jobletter" />
jQuery 代碼:
結(jié)果:
---------------------------------------------------------------------------------------
[attribute*=value]
返回值
Array<Element>
參數(shù)
attribute (String) : 屬性名
value (String) : 屬性值。引號(hào)在大多數(shù)情況下是可選的。但在遇到諸如屬性值包含"]"時(shí)，用以避免沖突。
示例
查找所有 name 包含 'man' 的 input 元素
HTML 代碼:
<input name="milkman" />
<input name="letterman2" />
<input name="newmilk" />
jQuery 代碼:
結(jié)果:
---------------------------------------------------------------------------------------
[selector1][selector2][selectorN]
返回值
Array<Element>
參數(shù)
selector1 (Selector) : 屬性選擇器
selector2 (Selector) : 另一個(gè)屬性選擇器，用以進(jìn)一步縮小范圍
selectorN (Selector) : 任意多個(gè)屬性選擇器
示例
找到所有含有 id 屬性，并且它的 name 屬性是以 man 結(jié)尾的
HTML 代碼:
<input name="milkman" />
<input id="letterman" name="new-letterman" />
<input name="newmilk" />
jQuery 代碼:
結(jié)果:
相關(guān)文章
jquery關(guān)于事件冒泡和事件委托的技巧及阻止與允許事件冒泡的三種實(shí)現(xiàn)方法
大家都知道，jQuery事件觸發(fā)時(shí)有2種機(jī)制，一種是事件委托，另一種是事件冒泡,冒泡或默認(rèn)的事件發(fā)生,在某些時(shí)候是不需要的,在此就需要一些可以阻止冒泡和默認(rèn)的事件的方法,本文介紹三種方法做到不同程度的阻止，感興趣的朋友可以了解下，或許對(duì)你了解冒泡事件有所幫助2015-11-11
jquery實(shí)現(xiàn)超簡(jiǎn)單的瀑布流布局【推薦】
本文主要介紹了jquery實(shí)現(xiàn)超簡(jiǎn)單的瀑布流布局的實(shí)例，代碼簡(jiǎn)單，容易修改。下面跟著小編一起來(lái)看下吧2017-03-03
jquery.uploadifive插件怎么解決上傳限制圖片或文件大小問(wèn)題
jQuery.uploadifive插件可以很好的解決上傳限制圖片或文件大小問(wèn)題,具體實(shí)例代碼大家參考下本文2017-05-05
這篇文章主要介紹了JQuery如何按name屬性選擇元素問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)戶籍地選擇下拉框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-06-06
取得id為form1的form的所有輸入變量，然后使用for循環(huán)進(jìn)行數(shù)組遍歷，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-09-09
$.trim(str)的作用是去掉字符串首尾空格，下面為大家介紹下其具體的使用2014-05-05
jquery表單驗(yàn)證插件validation使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jquery表單驗(yàn)證插件validation使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
修復(fù) jQuery 中 isFunction 方法的 BUG2010-01-01
Jquery Easyui對(duì)話框組件Dialog使用詳解（14）
這篇文章主要為大家詳細(xì)介紹了Jquery Easyui對(duì)話框組件Dialog的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12