Javascript 若徽标id存在，则在JQuery页面上隐藏另一个id

如果存在徽标，则尝试隐藏

div

。尝试了几件事却毫无乐趣，你能发现错误吗

if ($('#mylogo').css('display', 'block') {
   $('#sign_up_now').css('display', 'none');
}

和

$(document).ready(function(){
    if ($('#my_logo').length) {
       $('#sign_up_now').css('display', 'none');
    }
});

因此，如果我的my_徽标处于活动状态（显示：block），则即使存在。隐藏ID为“立即注册”的div

如果有两个选项可以使用，那就太好了，因为如果sign\u now div也存在的话，我以后可能需要隐藏一个div

编辑

当放置在页面的页脚时，如果运行两个JQuery函数。我假设他们没有分离脚本标签，只是用一个

<script>
    $(document).ready(function () {
        if ($('#intrica_logo').css('display') == 'block') {
            $('#sign_up_now').css('display', 'none');
        }
    });
</script>
<script>
    $(document).ready(function () {
        if ($('tr#logout_button').css('display') == 'table-row') {
            $('tr#sign_up_now').css('display', 'none');
        }
    });
</script>

$（文档）.ready（函数（）{
if（$（'#错综复杂的徽标'）.css（'display'）=='block'））{
$（'立即注册'）.css（'显示'，'无'）；
}
});
$（文档）.ready（函数（）{
if（$（'tr#注销按钮'）.css（'display'）=='table row'）{
$（'tr#立即注册'）.css（'display'，'none'）；
}
});

还是应该如此

<script>
    $(document).ready(function () {
        if ($('#my_logo').css('display') == 'block') {
            $('#sign_up_now').css('display', 'none');
        }
        if ($('tr#logout_button').css('display') == 'table-row') {
            $('tr#sign_up_now').css('display', 'none');
        }
    });
</script>

$（文档）.ready（函数（）{
if（$（'my#u logo'）.css（'display'）=='block'））{
$（'立即注册'）.css（'显示'，'无'）；
}
if（$（'tr#注销按钮'）.css（'display'）=='table row'）{
$（'tr#立即注册'）.css（'display'，'none'）；
}
});

请举例说明

---

在

if

语句中添加这些示例。

指定

display

属性，而不是选中

修改您的代码如下

$（文档）.ready（函数（）{
if（$（'#mylogo'）.css（'display'）=='block'）{
$（'立即注册'）.css（'显示'，'无'）；
}
});

在

if

语句中，指定

display

属性，而不是检查

修改您的代码如下

$（文档）.ready（函数（）{
if（$（'#mylogo'）.css（'display'）=='block'）{
$（'立即注册'）.css（'显示'，'无'）；
}
});

您可以通过以下代码片段获得元素

显示

属性：

  $(document).ready(function() {
        if( $('#my_logo').css('display') == 'block' ) {
           $('#sign_up_now').css('display', 'none');
        } else {
        //element's display is not block       
        }
    }); 

function isHidden (element) {
    return $(element).is(":hidden") || $(element).css("visibility") == "hidden" || $(element).css('opacity') == 0;
}


var isShowed = !isHidden(checkElement);

---

可见性为隐藏或不透明度为零的图元被视为可见，因为它们在布局中有空间。您可以检查元素是否可见，如以下代码段所示：

  $(document).ready(function() {
        if( $('#my_logo').css('display') == 'block' ) {
           $('#sign_up_now').css('display', 'none');
        } else {
        //element's display is not block       
        }
    }); 

function isHidden (element) {
    return $(element).is(":hidden") || $(element).css("visibility") == "hidden" || $(element).css('opacity') == 0;
}


var isShowed = !isHidden(checkElement);

---

如果要检查元素是否可见

display！=无

并忽略父级可见性，然后您将发现执行

.css（“display”）==“none”

更快，并将为您提供准确的可见性。

您可以通过以下代码片段获得元素

display

属性：

  $(document).ready(function() {
        if( $('#my_logo').css('display') == 'block' ) {
           $('#sign_up_now').css('display', 'none');
        } else {
        //element's display is not block       
        }
    }); 

function isHidden (element) {
    return $(element).is(":hidden") || $(element).css("visibility") == "hidden" || $(element).css('opacity') == 0;
}


var isShowed = !isHidden(checkElement);

---

可见性为隐藏或不透明度为零的图元被视为可见，因为它们在布局中有空间。您可以检查元素是否可见，如以下代码段所示：

  $(document).ready(function() {
        if( $('#my_logo').css('display') == 'block' ) {
           $('#sign_up_now').css('display', 'none');
        } else {
        //element's display is not block       
        }
    }); 

function isHidden (element) {
    return $(element).is(":hidden") || $(element).css("visibility") == "hidden" || $(element).css('opacity') == 0;
}


var isShowed = !isHidden(checkElement);

---

如果要检查元素是否可见

display！=无

并忽略父项可见性，然后您会发现执行

.css（“display”）==“none”

会更快，并提供准确的可见性。

尝试使用：visible和

is（）

来测试徽标是否可见，使用

hide（）

来隐藏徽标

if ($('#mylogo').length && $('#mylogo').is(':visible')) {
    $('#sign_up_now').hide();
}

---

尝试使用：visible和

is（）

来测试徽标是否可见，使用

hide（）

来隐藏徽标

if ($('#mylogo').length && $('#mylogo').is(':visible')) {
    $('#sign_up_now').hide();
}

给你：

$(document).ready(function(){
    if( $('#my_logo').css('display') == 'block' ) {
        $('#sign_up_now').css('display', 'none');
    } else {
        $('#sign_up_now').css('display', 'block');
    }
});

给你：

$(document).ready(function(){
    if( $('#my_logo').css('display') == 'block' ) {
        $('#sign_up_now').css('display', 'none');
    } else {
        $('#sign_up_now').css('display', 'block');
    }
});

---

您可以将一个类添加到元素中，并检测元素是否有类

if($("#mylogo").hasClass("visible")){
    $('#sign_up_now').css('display', 'none')
    $("#mylogo").removeClass("visible");
}

---

您可以将一个类添加到元素中，并检测元素是否有类

if($("#mylogo").hasClass("visible")){
    $('#sign_up_now').css('display', 'none')
    $("#mylogo").removeClass("visible");
}

---

正在发生？使用当前代码？尝试

if（$（'.'mylogo'）.css（'display'）='block）{$（'.'sign\u now'）.css（'display'，'none'）；}

正在发生？使用当前代码？尝试

if（$（'.'mylogo'）.css（'display'）='block）{$（'sign\u now'）.css（'display'，'none'））}

添加解释将使这成为一个更好的答案，并帮助用户理解问题。如果我也想隐藏表格行，第一个选项将非常有用，谢谢。我将如何使用长度版本？勾选，请参见编辑-请在页脚中放置两个函数？添加解释将使这成为一个更好的答案，并帮助用户理解问题。第一个有效，谢谢，如果我也想隐藏表行

。如何使用长度版本？勾选，请参见编辑-请在页脚中如何放置两个函数？可视性隐藏或不透明度为零的元素视为可见，因为它们在布局中有空间。@AfnanAhmad thnx获取信息，但这与我的答案有什么关系？如果要检查元素是否可见，请显示！=无并忽略父菜单的可见性，然后您会发现这样做。

css（“display”）==“none”

不仅速度更快，而且会准确地进行

可见性检查。如果使用display:none/height/width=0完成非活动菜单的状态，那么这就足够准确了，为什么有人想隐藏可见性/不透明度菜单？可见性隐藏或不透明度为零的元素被认为是可见的，因为它们在布局中有空间。@AfnanAhmad thnx获取信息，但这与我的答案有什么关系？如果要检查元素是否可见，请显示！=无并忽略父菜单的可见性，然后您会发现这样做。
css（“display”）==“none”
不仅速度更快，而且会准确地进行
可见性检查。如果使用display:none/height/width=0完成非活动菜单的状态，那么这就足够准确了，为什么有人想隐藏具有可见性/不透明度的菜单？