jquery选择器的使用 jQuery :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 :visible 选择器
jQuery :visible 选择器
 
 jQuery 选择器
 
 
实例
 
选取所有可见的 <p> 元素：
 
 $("p:visible") 
 
 
 
 
定义和用法
 
:visible 选择器选取当前可见的每个元素。
 
除以下几种情况之外的元素即是可见元素：
 
 
设置为 display:none
 
带有 type="hidden" 的表单元素
 
width 和 height 设置为 0
 
隐藏的父元素（这也会隐藏子元素）
 
 
 
语法
 
 $(":visible")
 
 
 jQuery 选择器