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) : 屬性值。引號在大多數(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) : 屬性值。引號在大多數(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) : 屬性值。引號在大多數(shù)情況下是可選的。但在遇到諸如屬性值包含"]"時，用以避免沖突。
示例
查找所有 name 以 'news' 開始的 input 元素
HTML 代碼:
<input name="milkman" />
<input name="newsboy" />
jQuery 代碼:
結(jié)果:
---------------------------------------------------------------------------------------
[attribute$=value]
返回值
Array<Element>
參數(shù)
attribute (String) : 屬性名
value (String) : 屬性值。引號在大多數(shù)情況下是可選的。但在遇到諸如屬性值包含"]"時，用以避免沖突。
示例
查找所有 name 以 'letter' 結(jié)尾的 input 元素
HTML 代碼:
<input name="milkman" />
<input name="jobletter" />
jQuery 代碼:
結(jié)果:
---------------------------------------------------------------------------------------
[attribute*=value]
返回值
Array<Element>
參數(shù)
attribute (String) : 屬性名
value (String) : 屬性值。引號在大多數(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) : 另一個屬性選擇器，用以進一步縮小范圍
selectorN (Selector) : 任意多個屬性選擇器
示例
找到所有含有 id 屬性，并且它的 name 屬性是以 man 結(jié)尾的
HTML 代碼:
<input name="milkman" />
<input id="letterman" name="new-letterman" />
<input name="newmilk" />
jQuery 代碼:
結(jié)果:
相關(guān)文章
下面小編就為大家?guī)硪黄胘query框架后出錯的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
jQuery解決input元素的blur事件和其他非表單元素的click事件沖突問題
這篇文章主要介紹了jQuery解決input元素的blur事件和其他非表單元素的click事件沖突問題,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
這篇文章主要介紹了jQuery回調(diào)函數(shù)的定義及用法,以實例形式詳細分析了回調(diào)函數(shù)的原理與實現(xiàn)技巧,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了jQuery實現(xiàn)的簡單拖拽功能,涉及jQuery基于事件響應(yīng)及頁面元素屬性動態(tài)操作實現(xiàn)拖拽功能的相關(guān)操作技巧,需要的朋友可以參考下2018-08-08
jQuery使用prepend()方法在元素前添加內(nèi)容用法實例
這篇文章主要介紹了jQuery使用prepend()方法在元素前添加內(nèi)容的方法,實例分析了prepend方法追加內(nèi)容的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
淺析jQuery的鏈式調(diào)用之each函數(shù)
如果對于jquery的$()包裝器函數(shù)還不是很清楚，請先參閱我的上一篇日志：淺析jQuery的鏈式調(diào)用2010-12-12
jQuery 自定義函數(shù)寫法分享，需要的朋友可以參考下2012-03-03
這篇文章主要介紹了jquery分頁優(yōu)化操作,在前文jQuery分頁顯示的基礎(chǔ)上實現(xiàn)了避免頻繁查詢的相關(guān)優(yōu)化操作技巧,需要的朋友可以參考下2019-08-08
JQuery 1.3.2以上版本中出現(xiàn)pareseerror錯誤的解決方法
最近正在做一個系統(tǒng)，測試組那邊不停的報告bug：后臺、前臺各種列表報告js彈出窗錯誤，內(nèi)容僅僅是一句“pareseerror”！2011-01-01
詳解jQuery移動頁面開發(fā)中的ui-grid網(wǎng)格布局使用
這篇文章主要介紹了jQuery移動頁面開發(fā)中的ui-grid網(wǎng)格布局使用,以講解多列頁面布局方式為主,需要的朋友可以參考下2015-12-12