jQuery 判断一个元素是显示还是隐藏， jQuery 使用 is() 的方法来判断一个元素是否显示，反之，则为隐藏，jQuery 判断是否显示，jQuery 判断是否隐藏，jQuery 判断是否可见。判断一个元素是否显示，可以使用 jQuery 中的 is() 方法来实现。JS 代码：假设这个 div 元素的 id 为 mydiv 。以下为引用内容： $(document)ready(function(){
if($("#mydiv")is(":visible")==false){
});以上代码可以很好地判断 div 、input 、button 等元素的显示与隐藏。
$("#subpage_content")data("flag", 1)find("")data("flag", 1);
maskclick(function(e){
if(key == 1){
if($(etarget)data("flag") != 1){
closeLayer();
}
}
return false;
});
hide()
这个方法不接受任何参数。
hide(
[duration
]
[,
complete
]
)
duration
(默认:
400)
类型:
Number
or
String
一个字符串或者数字决定动画将运行多久。
complete
类型:
Function()
在动画完成时执行的函数。
如果没有参数，hide()方法是最简单的方法来隐藏一个元素：
$('target')hide();
匹配的元素将被立即隐藏，没有动画。这大致相当于调用css('display',
'none')，但display属性值保存在jQuery的数据缓存中，所以display可以方便以后可以恢复到其初始值。如果一个元素的display属性值为inline，那么隐藏再显示时，这个元素将再次显示inline。
在jquery中我显示与隐藏元素可以直接使用show()和hide()来 *** 作，这比起js中的 *** 作要方便了，同时show()和hide()还可以 设置参数让我们的运行有个缓存效果
首先来看个段落文字的显示和隐藏
1：show() 方法
显示出隐藏的 <p> 元素。代码如下：
$("btn2")click(function(){
$("p")show();
});
2：hide()隐藏可见的 <p> 元素：代码如下：
$("btn1")click(function(){
$("p")hide();
});
3：jQuery代码如下：
$("element")show("slow");
运行该代码后，元素将在600毫秒内慢慢的显示出来。其它的速度关键字还有”normal“和”fast“（长度分别是400毫秒和200毫秒）。
不仅如此，还可以为显示速度指定一个数字，单位是毫秒。
例如，使用如下代码使元素在1秒钟（1000毫秒）内显示出来；
$(”element")show(1000);在前面的例子中，把其中的hide()方法改为hide(600),show()方法改为show(600)。
jQuery代码如下：
$(function () {
$("#panel h5head")toggle(function () {
$(this)next()hide(600);
}, function () {
$(this)next()show(600);
})
});
从代码的执行过程中，可以发现，hide(600)方法会同时减少“内容”的高度、宽度和不透明度，直至3个属性的值为0，最后设置该元素的CSS规则为“display:none”。
然后我们再来看个简单的代码：
<html>
<head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<script type="text/javascript">
$(document)ready(function(){
$("btn1")click(function(){
$("p")hide();
});
$("btn2")click(function(){
$("p")show();
});
});
</script>
</head>
<body>
<p>This is a paragraph</p>
<button class="btn1">Hide</button>
<button class="btn2">Show</button>
</body>
</html>
这个就是超简单的显示与隐藏了，如果要有效果我们只要在hide或show中带时间或参数即可：
代码如下：
<script type="text/javascript">
$(document)ready(function(){
$("btn1")click(function(){
$("p")hide(1000);
});
$("btn2")click(function(){
$("p")show(1000);
});
});
</script>
jQuery可以用可见性“:hidden”查找“display:none”的元素。
1、新家html文档，在head标签中引入本地jQuery文件，也可以引入cdn文件：
2、在body标签中添加一些列表，其中部分列表的样式设置为“display:none”：
3、添加js代码“$('li:hidden')”，这时网页将会把所有包含“display:none”属性的列表都进行输出：
以上就是关于jquery怎么时刻监听一个元素的隐藏与显示全部的内容，包括:jquery怎么时刻监听一个元素的隐藏与显示、jQuery点击元素区域外隐藏元素的实现、jquery中用什么方法隐藏元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）