jQuery-检查元素是否可见并淡入

我的页面上有一个

元素（假设它有

.myelement

类）。我有一个第三方脚本，可以操纵元素并将其可见性样式属性更改为“

visibility:visible

”

我需要检查.myelement的可见性是否为

：可见，如果是，则触发jQuery
.fadeIn（）
函数。
尝试使用
.css（“属性”）
函数提取属于
visible
属性的样式值，然后进行正常比较，如果条件评估为true，则调用
fadeIn

var elem = $(".myelement");
if(elem.css("visibility") === "visible"){
  elem.fadeIn();
}

您可以使用jquerycss函数

//first cache your element 
var elm = $(".myelement");//better to use an id if you are targeting a specific element 

 if (elm.css("visibility") === "visible"){
  elm.fadeIn();
 }else{
   elm.fadeOut();
 }

我想你的意思是检查元素是否可见，如果不可见，则淡入。在页面上已经可见的元素中没有褪色的意义。如果是这种情况，您应该这样做：

var $element = $('.myelement');

if (!$element.is(':visible')) {
    $element.fadeIn();
}

或

我认为在开始fadeIn动画之前，您必须在元素处设置display:none，这样fadeIn函数将使div柔和地显示。
在jquery中，您可以使用hide（）来实现

试试这个片段，对我来说很有用

jQuery(document).ready(function(){
   var $myel = $(".myelement");  
   if ($myel.css("visibility") === "visible"){
     $myel.hide();
     $myel.fadeIn("slow");
   }
});

我认为fadeToggle最初有一个开关参数。但事实并非如此。我的回答是这样的。
jQuery(document).ready(function(){
   var $myel = $(".myelement");  
   if ($myel.css("visibility") === "visible"){
     $myel.hide();
     $myel.fadeIn("slow");
   }
});