如何使用 . hide () 、.show () 或.toggle () 来切换元素的可见度 ?
如果元素可见或隐藏, 我如何测试 ?
如何使用 . hide () 、.show () 或.toggle () 来切换元素的可见度 ?
如果元素可见或隐藏, 我如何测试 ?
当前回答
ebdiv 应设置为样式=“ display: noone; ” 。 它用于显示和隐藏 :
$(document).ready(function(){
$("#eb").click(function(){
$("#ebdiv").toggle();
});
});
其他回答
您需要检查... 显示和可见度 :
if ($(this).css("display") == "none" || $(this).css("visibility") == "hidden") {
// The element is not visible
} else {
// The element is visible
}
如果我们自动检查$( thiss) 。 is (“: 可见”) , jquery check for both the things 自动检查 。
.is(":not(':hidden')") /*if shown*/
$( "div:visible" ).click(function() {
$( this ).css( "background", "yellow" );
});
$( "button" ).click(function() {
$( "div:hidden" ).show( "fast" );
});
api 文档: 可见选择器
您可以在显示或隐藏 cs 类时,通过切换该类来使用该 Cs 类 :
.show{ display :block; }
设置您的 jquery toggle类 () 或添加类 () 或删除类 () 。
举个例子,
jquery (' myid'. 切换类 ('show')
当元素没有显示时, 上面的代码会添加显示 cs 类, 而当元素显示类别时, 将会删除 。
当你在检查它是否可见时, 你可以遵循这个拼字码,
jquery ('mid'.) 有类('show');
上面的代码将返回一个布尔, 当 Myid 元素含有我们的类( show) , 而当它没有( show) 类( show) 时则返回一个布尔 。
您可以尝试这个
$(document).ready(function() {
var view = $(this).is(':visible');
if(view) {
alert("view");
// Code
}
else
{
alert("hidden");
}
});