jQuery将属性值添加到CSS

Question

我是jquery新手。 我只想在下拉菜单上执行以下任务：

if (scrnwidth <= 761) {
        if (display was block) {
            //Defaultly testi has display:none property.
            testi = make testi display
        }
        else{
            return false;
        }
    }

那个任务对我不起作用。 如何添加CSS属性？ 没有发现错误。 这是代码：

jQuery('.menu_toggler').click(function () {
    var scrnwidth = jQuery(window).width();
    var display = jQuery('.mobile_menu_wrapperr');
    var testi = jQuery('.main_header');
    if (scrnwidth <= 761) {
        if (display.css("display") === "block") {
            testi = testi.css("display" == "none");
        }
        else{
            return false;
        }
    }
});

提前致谢。

Answer 1

要显示div，您可以使用：

$('#name-of-div').show();

或者，如果您想隐藏div，则...

$('#name-of-div').hide();

然后，如果您只想在显示/隐藏之间切换，则..

$('#name-of-div').toggle();

Answer 2

隐藏元素的语法不太正确，您需要提供规则和值作为单独的参数：

testi.css("display", "none");
// or testi.hide()

话虽这么说，我强烈建议您不要为此使用JS，而应使用CSS媒体查询：

.main_header {
  display: block;
}

@media (max-width: 760px) {
  .main_header {
    display: none;
  } 
}

Answer 3

语法不正确

 testi = testi.css("display" == "none");

正确的语法

 testi = testi.css("display","none");

要么

testi.hide();

Answer 4

您可能不需要jquery ...

document.querySelector('#div').style.display = 'block' // 'none'

Answer 5

jQuery('.menu_toggler').click(function () {
    var scrnwidth = jQuery(window).width();
    var display = jQuery('.mobile_menu_wrapperr');
    var testi = jQuery('.main_header');
    if (scrnwidth <= 761) {
        if (display.attr("style")=="display:block") {
            testi = testi.attr("style","display:none;");
        }
        else{
            return false;
        }
    }
});

Answer 6

更正语法：

jQuery('.menu_toggler').click(function () {

    var scrnwidth = jQuery(window).width();
    var display = jQuery('.mobile_menu_wrapperr');
    var testi = jQuery('.main_header');
    if (scrnwidth <= 761) {
        if (display.css("display") === "block") {
            testi = testi.css("display","none");
        }
        else{
            return false;
        }
    }
});