Как установить "style = display: none;" используя метод jQuery attr?

Ниже приведена форма с id msform, которую я хочу применить к атрибуту style = "display: none".

<form id="msform" style="display:none;">
</form>

Также необходимо выполнить проверку перед добавлением свойства "style=display:none;". То есть, если он уже установлен как в приведенном выше коде, он не должен устанавливаться повторно.

Но если он не установлен, то он должен.

Как мне это достичь? Пожалуйста, помогите мне.

Ответы

Ответ 1

Почему бы просто не использовать $('#msform').hide()? За сценой jQuery hide и show просто установите display: none или display: block.

hide() не изменит стиль, если он уже скрыт.

на основе приведенного ниже комментария, вы удаляете весь стиль с помощью removeAttr("style"), и в этом случае вызывайте hide() сразу после этого.

например.

$("#msform").removeAttr("style").hide();

Обратное это, конечно, show(), как в

$("#msform").show();

Или, что более интересно, toggle(), которое эффективно переворачивается между hide() и show() на основе текущего состояния.

Ответ 2

За исключением hide(), упомянутого в других ответах, вы можете использовать css():

$("#msform").css("display","none")

Ответ 3

$(document).ready(function(){
var display =  $("#msform").css("display");
    if(display!="none")
    {
        $("#msform").attr("style", "display:none");
    }
});

Ответ 4

Вы можете просто использовать: $("#msform").hide(). Это устанавливает элемент в display: none

Ответ 5

Вы можете использовать функции jQuery hide и show. Примеры

В вашем случае просто установите $('#msform').hide() или $('#msform').show()