juqery 学习之三 选择器 可见性 元素属性_jquery
:hidden
返回值
Array
示例
查找所有不可见的 tr 元素
HTML 代码:
Value 2 |
jQuery 代码:
结果:
---------------------------------------------------------------------------------------
:visible
返回值
Array
示例
查找所有可见的 tr 元素
HTML 代码:
Value 2 |
jQuery 代码:
结果:
---------------------------------------------------------------------------------------
[attribute]
返回值
Array
参数
attribute (String) : 属性名
示例
查找所有含有 id 属性的 div 元素
HTML 代码:
Hello!
jQuery 代码:
结果:
---------------------------------------------------------------------------------------
[attribute=value]
返回值
Array
参数
attribute (String) : 属性名
value (String) : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时,用以避免冲突。
示例
查找所有 name 属性是 newsletter 的 input 元素
HTML 代码:
jQuery 代码:
结果:
---------------------------------------------------------------------------------------
[attribute!=value]
返回值
Array
参数
attribute (String) : 属性名
value (String) : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时,用以避免冲突。
示例
查找所有 name 属性不是 newsletter 的 input 元素
HTML 代码:
jQuery 代码:
结果:
---------------------------------------------------------------------------------------
[attribute^=value]
返回值
Array
参数
attribute (String) : 属性名
value ( String) : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时,用以避免冲突。
示例
查找所有 name 以 'news' 开始的 input 元素
HTML 代码:
jQuery 代码:
结果:
---------------------------------------------------------------------------------------
[attribute$=value]
返回值
Array
参数
attribute (String) : 属性名
value (String) : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时,用以避免冲突。
示例
查找所有 name 以 'letter' 结尾的 input 元素
HTML 代码:
jQuery 代码:
结果:
---------------------------------------------------------------------------------------
[attribute*=value]
返回值
Array
参数
attribute (String) : 属性名
value (String) : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时,用以避免冲突。
示例
查找所有 name 包含 'man' 的 input 元素
HTML 代码:
jQuery 代码:
结果:
---------------------------------------------------------------------------------------
[selector1][selector2][selectorN]
返回值
Array
参数
selector1 (Selector) : 属性选择器
selector2 (Selector) : 另一个属性选择器,用以进一步缩小范围
selectorN (Selector) : 任意多个属性选择器
示例
找到所有含有 id 属性,并且它的 name 属性是以 man 结尾的
HTML 代码:
jQuery 代码:
结果: