jQuery 选择器参考手册
实例
选择 <body> 元素中每个可见的元素:
$("body :visible")
亲自试一试
定义和用法
:visible 选择器选取每个当前是可见的元素。
除以下几种情况之外的元素即是可见元素:
- 设置为 display:none
- type="hidden" 的表单元素
- Width 和 height 设置为 0
- 隐藏的父元素(同时隐藏所有子元素)
语法
$(":visible")
jQuery 选择器参考手册
jQuery选择器是jQuery中最重要的部分,它可以帮助我们快速地找到页面上的元素,并对其进行操作。jQuery选择器可以使用CSS选择器语法来获取HTML元素,也可以使用自定义函数来获取HTML元素。
jQuery选择器的使用非常简单,我们只需要在$()函数中传入一个CSS选择器字符串即可。例如:
$('#myDiv') // 选择id为myDiv的元素 $('.myClass') // 选择class为myClass的所有元素 $('div') // 选择所有div元素
此外,jQuery还提供了一些特定的选择器,如:first、:last、:even、:odd、:eq()、:gt()、:lt() 等。这些特定选择器能够根据位置或者序列来获取HTML元素。例如:
$('div:first') // 获取文档中所有div中的第一个 $('li:odd') // 获取文档中所有li中奇数位置上的元素 $('li:eq(2)') // 获取文档中所有li中序列为2的元素
此外,jQuery还能够根据HTML标记之间的相对位置来获取HTML元素。例如:
$('div > p') // 获取文档中所有div直属子代p $('div + p') // 获取文档中所有div后面相邻的同辈p $('div ~ p') // 获取文档中所有div后面所有同辈p
此外,jQuery还能够根据HTML标记上包含特定内容或者特定属性来获取HTML元素。例如:
$("[name='username']") // 获取name属性为username的所有HTML标记 $("a[href='http://www.example.com']") // 获取href属性为http://www.example.com 的a标记
此外,jQuery还能够使用filter函数来进行进一步的过滤。filter函数会将当前已选定的集合作为this传递到回调函数内部并将回调函数内部return true 的集合作为新集合返回。例如:
.filter(function(){ return $(this).attr("name") == "username"; })
jQuery 选择器参考手册
选择 <body> 元素中每个可见的元素:
$("body :visible")
亲自试一试
:visible 选择器选取每个当前是可见的元素。
除以下几种情况之外的元素即是可见元素:
$(":visible")
jQuery 选择器参考手册
jQuery 遍历jQuery DOM 元素jQuery 数据操作函数这些方法允许我们将指定的 DOM 元素与任意数据相关联。函数描述.clearQueue()从...
jQuery 选择器参考手册实例选择所有带有 id 属性且属性值以 header 结尾的元素:$([id$=header])亲自试一试定义和用法[attribute...
jQuery 选择器参考手册实例隐藏所有 type=checkbox 的 input 元素:$(:checkbox)亲自试一试定义和用法:checkbox 选择器选取类型...
jQuery :lt() 选择器jQuery 选择器实例 选取前 4 个 tr 元素:$(tr:lt(4)) 定义和用法 :lt() 选择器选取 index 值小于指定数字的...
jQuery 杂项 toArray() 方法jQuery 杂项方法实例 把 li 元素转换为数组,然后输出该数组元素的 innerHTML :$(button).click(fun...