检查隐藏是否等于真或假jQuery答案

【问题标题】：check if hidden equals true or false jQuery检查隐藏是否等于真或假jQuery
【发布时间】：2012-04-04 09:20:44
【问题描述】：

我有这个

$('#div').attr("hidden", true);

我试过了：

var a = $('#div').attr("hidden");
var b = $('#div').attr("hidden").val();
var c = $('#div').hidden;
var a = $('#div').disabled;

我只想知道 hidden 是真还是假。有人知道吗？我的研究成果都是关于形式和输入的。

【问题讨论】：

【解决方案1】：

属性永远不会是true，它只能有字符串。
jQuery 为字符串以外的对象提供了 data 函数：

$('#div').data("hidden", true);      // set the "hidden" data
var flag = $('#div').data("hidden"); // get the "hidden" data (true)

如果您想隐藏div，请使用.hide()：

$('#div').hide();

然后你用:visible\:hidden检查div是否可见

$('#div').is(':visible'); // Or $('#div').is(':hidden')

【讨论】：

我建议使用 data-hidden 而不是只是 hidden 以实现 html5 兼容性，并更好地将其用于 jquery.data。您也可以使用数字表示 0(false), 1(true)

【解决方案2】：

你也可以使用

$('#div').toggle(showOrHide);

其中 showOrHide 是要隐藏或显示的 true 或 false 的布尔值。

这和做的一样

if ( showOrHide == true ) {
  $('#div').show();
} else if ( showOrHide == false ) {
  $('#div').hide();
}

希望对你有帮助

【讨论】：

【解决方案3】：

我认为你的意思是 jquery visible

.is(':visible')

【讨论】：