juqery 學(xué)習(xí)之三 選擇器 可見性 元素屬性
:hidden
返回值
Array<Element>
示例
查找所有不可見的 tr 元素
HTML 代碼:
<tr style="display:none"><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
jQuery 代碼:
結(jié)果:
---------------------------------------------------------------------------------------
:visible
返回值
Array<Element>
示例
查找所有可見的 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' 開始的 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)文章
下面小編就為大家?guī)?lái)一篇引用jquery框架后出錯(cuò)的解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
jQuery解決input元素的blur事件和其他非表單元素的click事件沖突問(wèn)題
這篇文章主要介紹了jQuery解決input元素的blur事件和其他非表單元素的click事件沖突問(wèn)題,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
jQuery回調(diào)函數(shù)的定義及用法實(shí)例
這篇文章主要介紹了jQuery回調(diào)函數(shù)的定義及用法,以實(shí)例形式詳細(xì)分析了回調(diào)函數(shù)的原理與實(shí)現(xiàn)技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
jQuery實(shí)現(xiàn)的簡(jiǎn)單拖拽功能示例【測(cè)試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的簡(jiǎn)單拖拽功能,涉及jQuery基于事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作實(shí)現(xiàn)拖拽功能的相關(guān)操作技巧,需要的朋友可以參考下2018-08-08
jQuery使用prepend()方法在元素前添加內(nèi)容用法實(shí)例
這篇文章主要介紹了jQuery使用prepend()方法在元素前添加內(nèi)容的方法,實(shí)例分析了prepend方法追加內(nèi)容的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
淺析jQuery的鏈?zhǔn)秸{(diào)用之each函數(shù)
如果對(duì)于jquery的$()包裝器函數(shù)還不是很清楚，請(qǐng)先參閱我的上一篇日志：淺析jQuery的鏈?zhǔn)秸{(diào)用2010-12-12
jQuery 自定義函數(shù)寫法分享，需要的朋友可以參考下2012-03-03
jquery分頁(yè)優(yōu)化操作實(shí)例分析
這篇文章主要介紹了jquery分頁(yè)優(yōu)化操作,在前文jQuery分頁(yè)顯示的基礎(chǔ)上實(shí)現(xiàn)了避免頻繁查詢的相關(guān)優(yōu)化操作技巧,需要的朋友可以參考下2019-08-08
JQuery 1.3.2以上版本中出現(xiàn)pareseerror錯(cuò)誤的解決方法
最近正在做一個(gè)系統(tǒng)，測(cè)試組那邊不停的報(bào)告bug：后臺(tái)、前臺(tái)各種列表報(bào)告js彈出窗錯(cuò)誤，內(nèi)容僅僅是一句“pareseerror”！2011-01-01
詳解jQuery移動(dòng)頁(yè)面開發(fā)中的ui-grid網(wǎng)格布局使用
這篇文章主要介紹了jQuery移動(dòng)頁(yè)面開發(fā)中的ui-grid網(wǎng)格布局使用,以講解多列頁(yè)面布局方式為主,需要的朋友可以參考下2015-12-12