Скрытие кнопки в JQuery с помощью .prop(hidden: true)

Я пытаюсь выяснить, как скрыть кнопку с помощью JQuery, используя метод .prop(hidden: true). По какой-то причине в Chrome, когда я устанавливаю это значение и просматриваю html, кнопка имеет скрытый элемент, но кнопка все еще отображается как видимая на странице.

Любые идеи?

Ответ 1

У кнопки нет скрытого свойства?

$('button').hide();

или

$('button').toggle(true);  //shows button
$('button').toggle(false); //hides button

Ответ 2

Вы можете использовать стиль display для none. Например,

$("#button").css("display", "none");

Или, .hide() для краткости,

$("#button").hide()

Там также visibility и opacity, но эти два не могут генерировать желаемый эффект.

Ответ 3

Вы не можете скрыть кнопку с помощью функции jQuery .prop(), вы должны использовать либо .hide() or .fadeOut(), либо можете попробовать с помощью метода .css():

с помощью .css():

$('input[submit]').css('display','none');

с помощью fadeOut():

$('input[submit]').fadeOut();

с помощью .hide():

$('input[submit]').hide();

Ответ 4

Ваш синтаксис неверен, но в любом случае никакого "скрытого" свойства нет. Вероятно, вы хотите:

$('#your_button').hide();

или, возможно,

$('#your_button').addClass('hidden');

если у вас есть "скрытый" класс в вашем CSS.

Неправильная часть вашего синтаксиса заключается в том, что параметры вашего вызова функции выражаются неправильно. Настройка свойства должна выглядеть так:

$("#your_button").prop("name", "value");

Ответ 5

jQuery.prop предназначен только для атрибутов HTML, что указано в DOM node. Стили CSS не применимы к настройкам с помощью prop, а hidden просто не существует, тогда как href или class применимо. Вместо этого вы должны использовать $(el).css('display', 'none') или $(el).hide().

Ответ 6

prop() - это функция геттера: http://api.jquery.com/prop/ Я предлагаю использовать hide: http://api.jquery.com/hide/

Ответ 7

Если вы хотите использовать prop, то

$("#my_button").prop("style").display="none"

Я бы пошел без jquery. (обратно к основному)

document.getElementById("mybutton").style.display = "none";

Ответ 8

То, что вы описали, действительно правильно, если вы используете jquery вместе с bootstrap4.

просто выполните следующие действия: $element.prop('hidden', true);

Если нет загрузочного бутстрапа 4, он все еще работает для современного браузера.

Ответ 9

Вы можете использовать оператор ternary и метод css() для выполнения того же: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator

$("#button").css("display", (mycondition) ? "block" : "none");