举报投诉联系我们 手机版 热门标签 编程学
您的位置:编程学 > jquery选择器的使用 jQuery :visible 选择器

jquery选择器的使用 jQuery :visible 选择器

2023-03-17 06:18 jQuery教程

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 选择器参考手册

实例

选择 <body> 元素中每个可见的元素:

$("body :visible")

亲自试一试

定义和用法

:visible 选择器选取每个当前是可见的元素。

除以下几种情况之外的元素即是可见元素:

  • 设置为 display:none
  • type="hidden" 的表单元素
  • Width 和 height 设置为 0
  • 隐藏的父元素(同时隐藏所有子元素)

语法

$(":visible")

jQuery 选择器参考手册

阅读全文
以上是编程学为你收集整理的jquery选择器的使用 jQuery :visible 选择器全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部