在jQuery中,我们可以使用:visible
选择器来获取可见的元素。:visible
选择器用于选取所有当前可见的匹配元素。
以下是一些示例:
1、获取所有可见的元素:
$("*:visible")
2、获取所有可见的段落元素:
$("p:visible")
3、获取所有可见的类为"example"的元素:
$(".example:visible")
4、获取所有可见的ID为"myId"的元素:
$("#myId:visible")
5、获取所有可见的具有特定属性的元素:
$("[attribute]:visible")
6、获取所有可见的具有特定属性和值的元素:
$("[attribute='value']:visible")
7、获取所有可见的具有特定类和属性的元素:
$(".classname[attribute]:visible")
8、获取所有可见的具有特定类、属性和值的元素:
$(".classname[attribute='value']:visible")
9、获取所有可见的具有特定类、属性、值和位置的元素:
$(".classname[attribute='value']:eq(index):visible")
10、获取所有可见的具有特定类、属性、值、位置和子元素的元素:
$(".classname[attribute='value']:eq(index):has(childSelector):visible")
在这些示例中,*
表示所有元素,p
表示段落元素,.example
表示类为"example"的元素,#myId
表示ID为"myId"的元素,[attribute]
表示具有特定属性的元素,[attribute='value']
表示具有特定属性和值的元素,.classname[attribute]
表示具有特定类和属性的元素,.classname[attribute='value']
表示具有特定类、属性和值的元素,:eq(index)
表示具有特定位置的元素,:has(childSelector)
表示具有特定子元素的元素。
我们还可以使用:hidden
选择器来获取隐藏的元素。:hidden
选择器用于选取所有当前不可见的匹配元素,我们可以使用以下代码来获取所有隐藏的段落元素:
$("p:hidden")
我们还可以使用:visible
和:hidden
选择器的组合来获取可见和隐藏的元素,我们可以使用以下代码来获取所有可见或隐藏的段落元素:
$("p:visible, p:hidden")
我们还可以使用:not()
函数来排除某些元素,我们可以使用以下代码来获取除了类为"example"的所有可见或隐藏的段落元素:
$("p:visible, p:hidden").not(".example")
最新评论
本站CDN与莫名CDN同款、亚太CDN、速度还不错,值得推荐。
感谢推荐我们公司产品、有什么活动会第一时间公布!
我在用这类站群服务器、还可以. 用很多年了。