Jquery - 如何获取样式显示属性“无/块”答案

【问题标题】：Jquery - How to get the style display attribute "none / block"Jquery - 如何获取样式显示属性“无/块”
【发布时间】：2009-12-09 17:14:30
【问题描述】：

有没有办法获取 style: display 属性，它可以是 none 或 block？

DIV：

<div id="ctl00_MainContentAreaPlaceHolder_cellPhone_input_msg_container" class="Error cellphone" style="display: block;">

     <p class="cellphone" style="display: block;">Text</p>

</div>

我知道有一种方法可以确定 DIV 是否隐藏，但在我的情况下，这个 div 是动态注入的，所以它总是显示为可见 false，因此我不能使用它：

$j('.Error .cellphone').is(':hidden')

我可以使用：

得到结果“display:block”

$j('div.contextualError.ckgcellphone').attr('style')

有没有办法只获得“block”或“none”的值，或者有更好/更有效的方法吗？

【问题讨论】：

标签： jquery coding-style attributes

【解决方案1】：

你可以试试：

$j('div.contextualError.ckgcellphone').css('display')

【讨论】：

【解决方案2】：

如果您使用的是 jquery 1.6.2，则只需编写代码

$('#theid').css('display')

例如：

if($('#theid').css('display') == 'none'){ 
   $('#theid').show('slow'); 
} else { 
   $('#theid').hide('slow'); 
}

【讨论】：

【解决方案3】：

这是正确答案

$('#theid').css('display') == 'none'

您也可以使用以下行来查找它是显示块还是无

$('.deal_details').is(':visible')

【讨论】：

既然您正在尝试进行相等性检查，您不应该使用 '===' 而不是 '==' 吗？
检查 .css("display") 和 .is(":visible") 不是一回事。如果父元素有“display: none”，它们会给出不同的结果。小心。

【解决方案4】：

我的回答

/**
 * Display form to reply comment
 */
function displayReplyForm(commentId) {
    var replyForm = $('#reply-form-' + commentId);
    if (replyForm.css('display') == 'block') { // Current display
        replyForm.css('display', 'none');
    } else { // Hide reply form
        replyForm.css('display', 'block');
    }
}

【讨论】：

【解决方案5】：

//animated show/hide

function showHide(id) {
      var hidden= ("none" == $( "#".concat(id) ).css("display"));
      if(hidden){
          $( "#".concat(id) ).show(1000);
      }else{
          $("#".concat(id) ).hide(1000);
      }
  }

【讨论】：