我如何检查一个元素是否隐藏在jquery 中 ?

如何使用 . hide () 、.show () 或.toggle () 来切换元素的可见度 ?

如果元素可见或隐藏, 我如何测试 ?

当前回答

启动 adblucer 使用可见检查的示例 :

$( document). ready( 职能 () { 如果 ($( " ablocker check" ) ) $( " " a blockermsg" ) $( "请禁用 a blockermsg" ) 。 text ("请禁用 a blockercher " ) 。show (; }) ; & lt; 上标 src= "https://ajax.googleapis. com/ajax/ libs/ jquery/ 2. 1.1/jquery. min. js" & gt; < / split> /div> = " a blockercheck" = " a blockergsg" ty= "display: non' gt;/ div>

“ 阻塞检查” 是一个 adblocker 区块的代号。所以如果它可见, 您可以检测是否打开了阻塞器。

2015-04-27 07:57:27

其他回答

if ( $(element).css('display') == 'none' || $(element).css("visibility") == "hidden"){
    // 'element' is hidden
}

上述方法不考虑父(父)的可见度。如果要也考虑母( 父) , 您应该使用 .is (“ 隐藏 ” ) 或.is ( “ 可见 ” ) 。

例如,

<div id="div1" style="display:none">
  <div id="div2" style="display:block">Div2</div>
</div>

上述方法将考虑在以下两种情况下显示可见的 div2 : 看不到。但上述方法在许多情况下可能有用, 特别是当您需要找到隐藏的父( 隐藏的父( 隐藏的父) 中是否存在错误时, 因为在这种情况下 : 可见的不会起作用。

2008-10-07 13:09:04

公平而言,问题早于这一答复的日期。

而不是批评行动, 而是帮助所有仍在问这个问题的人。

确定是否可见事物的正确方式是咨询你的视觉模型;

如果你不知道这意味着什么那你就要踏上探索之旅这将使你的工作变得不那么困难

以下是模型视图模型结构概览(mvvm)。

knockoutjs 是一个具有约束力的图书馆, 它能让您在不学习整个框架的情况下尝试这些。

这里有一些刺绣代码和可能看不到的迪夫。

<html>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.1/knockout-min.js"></script>
<script>
    var vm = {
        IsDivVisible: ko.observable(true);
    }
    vm.toggle = function(data, event) {
      // Get current visibility state for the div
      var x = IsDivVisible();
      // Set it to the opposite
      IsDivVisible(!x);
    }
    ko.applyBinding(vm);
</script>
<div data-bind="visible: IsDivVisible">Peekaboo!</div>
<button data-bind="click: toggle">Toggle the div's visibility</button>
</body>
</html>

注意, 切换函数不咨询 dom 以决定 div 的可见度; 它会查询视图模型。

2017-03-25 08:49:30

此处还包含一个永久有条件的表达式, 以检查元素的状态, 然后切换它 :

$('someElement').on('click', function(){ $('elementToToggle').is(':visible') ? $('elementToToggle').hide('slow') : $('elementToToggle').show('slow'); });

2013-11-05 23:32:02

如何确定一个混合元素的状态?

您可以使用 : 可见和: 隐藏的选择器来确定元素是否崩溃。

var isVisible = $('#myDiv').is(':visible');
var isHidden = $('#myDiv').is(':hidden');

如果您只是根据一个基于其可见度的元素行事, 您可以只包括: 可见或: 隐藏在选择表达式中。例如 :

 $('#myDiv:visible').animate({left: '+=200px'}, 'slow');

2011-01-13 21:13:18

ebdiv 应设置为样式=“ display: noone; ” 。它用于显示和隐藏 :

$(document).ready(function(){
    $("#eb").click(function(){
        $("#ebdiv").toggle();
    });    
});

2012-06-13 13:20:45

我如何检查一个元素是否隐藏在jquery 中 ?

推荐文章

最新文章

标签