jQuery判断元素是否显示或隐藏
2017-05-30 19:18
495 查看
[b]jQuery判断元素是否显示或隐藏
[/b]
第一种:使用CSS属性
代码如下:
var display =$('#id').css('display');
if(display == 'none') {
alert("这是隐藏的元素!");
}
第二种:使用jquery内置选择器
假设我们页面有这么个标签,
代码如下:
<div id="test">
< p>测试显示/隐藏元素</p>
< /div>
那么,我们可以用以下语句来判断id为"test"的标签是否隐藏:
代码如下:
if($("#test").is(":hidden")) {
...
}
这样,我们就能够很简单地判断一个元素是否隐藏,并根据其状态来设置动画, 如:
代码如下:
if($("#test").is(":hidden")) {
$("#test").show(); //如果元素为隐藏,则将它显现
} else {
$("#test").hide(); //如果元素为显现,则将其隐藏
}
jQuery判断对象是否显示或隐藏
Js代码
代码如下:
// jQuery("#tanchuBg").css("display")
// jQuery("#tanchuBg").is(":visible")
// jQuery("#tanchuBg").is(":hidden")
Js代码
代码如下:
$(element).is(":visible") // Checks for display:[none|block], ignores visible:[true|false]
Js代码
代码如下:
var isVisible = $('#myDiv').is(':visible');
var isHidden = $('#myDiv').is(':hidden');
参考:http://www.jb51.net/article/49760.htm
[/b]
第一种:使用CSS属性
代码如下:
var display =$('#id').css('display');
if(display == 'none') {
alert("这是隐藏的元素!");
}
第二种:使用jquery内置选择器
假设我们页面有这么个标签,
代码如下:
<div id="test">
< p>测试显示/隐藏元素</p>
< /div>
那么,我们可以用以下语句来判断id为"test"的标签是否隐藏:
代码如下:
if($("#test").is(":hidden")) {
...
}
这样,我们就能够很简单地判断一个元素是否隐藏,并根据其状态来设置动画, 如:
代码如下:
if($("#test").is(":hidden")) {
$("#test").show(); //如果元素为隐藏,则将它显现
} else {
$("#test").hide(); //如果元素为显现,则将其隐藏
}
jQuery判断对象是否显示或隐藏
Js代码
代码如下:
// jQuery("#tanchuBg").css("display")
// jQuery("#tanchuBg").is(":visible")
// jQuery("#tanchuBg").is(":hidden")
Js代码
代码如下:
$(element).is(":visible") // Checks for display:[none|block], ignores visible:[true|false]
Js代码
代码如下:
var isVisible = $('#myDiv').is(':visible');
var isHidden = $('#myDiv').is(':hidden');
参考:http://www.jb51.net/article/49760.htm
相关文章推荐
- jQuery中判断一个元素是否显示或者隐藏
- jQuery判断元素是否显示 是否隐藏
- jQuery判断元素是否显示与隐藏
- jQuery判断元素是否显示 是否隐藏
- jQuery判断元素是否显示与隐藏
- jQuery判断元素是否显示 是否隐藏
- jQuery判断元素是否显示与隐藏
- jQuery判断元素是否显示 是否隐藏的简单实现代码
- jQuery判断元素是否显示 是否隐藏
- jQuery判断元素是否显示 是否隐藏的简单实现代码
- jQuery判断元素是否显示与隐藏
- jQuery判断元素是否是隐藏的代码
- jQuery判断当前元素显示状态并控制元素的显示与隐藏
- JQuery判断元素是否隐藏
- jquery判断div是否显示或者隐藏
- jquery判断元素是否隐藏的多种方法
- Atitit.判断元素是否显示隐藏在父元素 overflow
- 注册JQuery使用ajax调用后台方法,判断用户名、邮箱是否存在,并显示隐藏提示
- JQuery怎么知道一个元素是否隐藏或显示How do you test if something is hidden in jQuery?
- 怎样判断jQuery当前元素是隐藏还是显示