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>
参数
attribute (String) : 属性名
示例
查找所有含有 id 属性的 div 元素
HTML 代码:
<p>Hello!</p>
</div>
<div id="test2"></div>
jQuery 代码:
结果:
---------------------------------------------------------------------------------------
[attribute=value]
返回值
Array<Element>
参数
attribute (String) : 属性名
value (String) : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时，用以避免冲突。
示例
查找所有 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>
参数
attribute (String) : 属性名
value (String) : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时，用以避免冲突。
示例
查找所有 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>
参数
attribute (String) : 属性名
value ( String) : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时，用以避免冲突。
示例
查找所有 name 以 'news' 开始的 input 元素
HTML 代码:
<input name="milkman" />
<input name="newsboy" />
jQuery 代码:
结果:
---------------------------------------------------------------------------------------
[attribute$=value]
返回值
Array<Element>
参数
attribute (String) : 属性名
value (String) : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时，用以避免冲突。
示例
查找所有 name 以 'letter' 结尾的 input 元素
HTML 代码:
<input name="milkman" />
<input name="jobletter" />
jQuery 代码:
结果:
---------------------------------------------------------------------------------------
[attribute*=value]
返回值
Array<Element>
参数
attribute (String) : 属性名
value (String) : 属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时，用以避免冲突。
示例
查找所有 name 包含 'man' 的 input 元素
HTML 代码:
<input name="milkman" />
<input name="letterman2" />
<input name="newmilk" />
jQuery 代码:
结果:
---------------------------------------------------------------------------------------
[selector1][selector2][selectorN]
返回值
Array<Element>
参数
selector1 (Selector) : 属性选择器
selector2 (Selector) : 另一个属性选择器，用以进一步缩小范围
selectorN (Selector) : 任意多个属性选择器
示例
找到所有含有 id 属性，并且它的 name 属性是以 man 结尾的
HTML 代码:
<input name="milkman" />
<input id="letterman" name="new-letterman" />
<input name="newmilk" />
jQuery 代码:
结果:
相关文章
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
大家都知道，jQuery事件触发时有2种机制，一种是事件委托，另一种是事件冒泡,冒泡或默认的事件发生,在某些时候是不需要的,在此就需要一些可以阻止冒泡和默认的事件的方法,本文介绍三种方法做到不同程度的阻止，感兴趣的朋友可以了解下，或许对你了解冒泡事件有所帮助2015-11-11
本文主要介绍了jquery实现超简单的瀑布流布局的实例，代码简单，容易修改。下面跟着小编一起来看下吧2017-03-03
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
jQuery.uploadifive插件可以很好的解决上传限制图片或文件大小问题,具体实例代码大家参考下本文2017-05-05
这篇文章主要介绍了JQuery如何按name属性选择元素问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
这篇文章主要为大家详细介绍了jquery实现户籍地选择下拉框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
取得id为form1的form的所有输入变量，然后使用for循环进行数组遍历，具体实现如下，感兴趣的朋友可以参考下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
最新评论