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