1、新建HTML文件。
2、引入jqueryminjs文件。
3、创建HTML内容。
4、用jquery创建点击事件，点击隐藏按钮，p内容隐藏
5、用jquery创建点击事件，点击显示按钮，p内容显示。
6、预览如图当点击隐藏按钮，p内容隐藏。
7、当点击显示按钮，p内容显示。
因为你找的是属性style="display: block;" 而你输入的却是div[style='display: block']
jQuery的[] 选择器是找属性值完全等于某个值 也就是说 少一个分号 少一个空格 那都无法匹配到的
如果你完全可以保证 style=""里面肯定等于 display: block; 而且 空格什么都匹配那才能成功
这里 就是因为你少了一个分号吧 当然 你可以设置 $("div[style^='display: block']"); ^=就是说 以display: block 开头的
或者 把你那分号加上试试
这样做偶合性太高了 差个空格都不行
最好的办法就是
$("div")each(function(){//通过each来遍历
if($(this)css("display")=='block'){ //通过$(this)css("css名") 来获取当前遍历元素的display值
//这里就是display=block的
}
})
display属于元素的css样式属性，而jQuery提供了
css()
方法设置或返回被选元素的样式属性，所以判断一个元素的display属性是不是none的代码为：
if(
$("#test")css("display")=='none'
)
{
//
TO
DO
}
此外，以下下两种方法也可以判断元素是否显示：
$("#test")css("visibility")=='visible'
//
判断visibility样式属性
$("#test1")is(":hidden")
//
判断:hidden选择器
这种东西建议你查看下jquery api文档,里面有详细说明如何获取dom元素，网上直接百度一下“jquery 是新文档下载”或者给你一个在线查看地址吧 jqueryxiamizcom jquery在线文档。
下面是直接给你一个让你参考代码：
$('a[name="repA"]:visible') //获取属性name为repA,且为可见的元素。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>show</title>
<style type="text/css">
div {
float: left;
width: 100px;
height: 80px;
border: 1px solid #0ff;
margin-right: 5px;
display:block;
}
</style>
<!--$("btn")是找到class="btn"的信息，直接each循环出div，里面的children()，里面的item，就是你想要的子元素了，（深圳网站建设:=">
以上就是关于怎样判断jQuery 元素是否显示与隐藏全部的内容，包括:怎样判断jQuery 元素是否显示与隐藏、Jquery 选择器、jquery 判断是不是display等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）