PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布
首页
课程
路径
文章
PHP培训
精品课
下载

技术文章  >  web前端 > js教程

juqery 学习之三 选择器 可见性 元素属性_jquery

原创
2016-05-16 18:15:24 824浏览

:hidden

匹配所有的不可见元素，input 元素的 type 属性为 "hidden" 的话也会被匹配到

返回值

Array

示例

查找所有不可见的 tr 元素

HTML 代码:


 
 
Value 1
Value 2

jQuery 代码:

$("tr:hidden")

结果:

[ Value 1 ]

---------------------------------------------------------------------------------------

:visible

匹配所有的可见元素

返回值

Array

示例

查找所有可见的 tr 元素

HTML 代码:


 
 
Value 1
Value 2

jQuery 代码:

$("tr:visible")

结果:

[ Value 2 ]

---------------------------------------------------------------------------------------

[attribute]

匹配包含给定属性的元素

返回值

Array

参数

attribute (String) : 属性名

示例

查找所有含有 id 属性的 div 元素

HTML 代码:


 

Hello!



jQuery 代码:

$("div[id]")

结果:

[
]

---------------------------------------------------------------------------------------

[attribute=value]

匹配给定的属性是某个特定值的元素

返回值

Array

参数

attribute (String) : 属性名

value (String) : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时，用以避免冲突。

示例

查找所有 name 属性是 newsletter 的 input 元素

HTML 代码:

'

jQuery 代码:

$("input[name='newsletter']").attr("checked", true);

结果:

[ , ]

---------------------------------------------------------------------------------------

[attribute!=value]

匹配给定的属性是不包含某个特定值的元素

返回值

Array

参数

attribute (String) : 属性名

value (String) : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时，用以避免冲突。

示例

查找所有 name 属性不是 newsletter 的 input 元素

HTML 代码:

'

jQuery 代码:

$("input[name!='newsletter']").attr("checked", true);

结果:

[ ]

---------------------------------------------------------------------------------------

[attribute^=value]

匹配给定的属性是以某些值开始的元素

返回值

Array

参数

attribute (String) : 属性名

value ( String) : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时，用以避免冲突。

示例

查找所有 name 以 'news' 开始的 input 元素

HTML 代码:



jQuery 代码:

$("input[name^='news']")

结果:

[ , ]

---------------------------------------------------------------------------------------

[attribute$=value]

匹配给定的属性是以某些值结尾的元素

返回值

Array

参数

attribute (String) : 属性名

value (String) : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时，用以避免冲突。

示例

查找所有 name 以 'letter' 结尾的 input 元素

HTML 代码:



jQuery 代码:

$("input[name$='letter']")

结果:

[ , ]

---------------------------------------------------------------------------------------

[attribute*=value]

匹配给定的属性是以包含某些值的元素

返回值

Array

参数

attribute (String) : 属性名

value (String) : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时，用以避免冲突。

示例

查找所有 name 包含 'man' 的 input 元素

HTML 代码:




jQuery 代码:

$("input[name*='man']")

结果:

[ , , ]

---------------------------------------------------------------------------------------

[selector1][selector2][selectorN]

复合属性选择器，需要同时满足多个条件时使用。

返回值

Array

参数

selector1 (Selector) : 属性选择器

selector2 (Selector) : 另一个属性选择器，用以进一步缩小范围

selectorN (Selector) : 任意多个属性选择器

示例

找到所有含有 id 属性，并且它的 name 属性是以 man 结尾的

HTML 代码:




jQuery 代码:

$("input[id][name$='man']")

结果:

[ ]
PHP课程HTML视频教程CSS视频JS视频教程Vue视频教程
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一条：汉化英文版的Dreamweaver CS5并自动提示jquery_jquery 下一条：js删除所有的cookie的代码_javascript技巧

相关文章

查看更多
  • 热门课程
打开APP，随时随地在线学习！