Как добавить 'style = display: "block"' к элементу, используя jQuery?

Ответ 1

$("#YourElementID").css("display","block");

Изменить: или, как указывает Дэйв Тиббен в своем комментарии ниже, вы также можете сделать это:

$("#YourElementID").css({ display: "block" });

Ответ 2

$("#elementId").css({ 'display': "block" });

Ответ 3

В зависимости от цели установки свойства отображения вы можете взглянуть на

$("#yourElementID").show()

и

$("#yourElementID").hide()

Ответ 4

Если вам нужно добавить несколько, вы можете сделать это следующим образом:

$('#element').css({
    'margin-left': '5px',
    'margin-bottom': '-4px',
    //... and so on
});

Как хорошая практика, я бы также поместил имя свойства между кавычками, чтобы позволить тире, поскольку большинство стилей имеют тире в них. Если это "display", то кавычки необязательны, но если у вас есть тире, это не будет работать без кавычек. В любом случае, чтобы сделать его простым: всегда заключите их в кавычки.

Ответ 5

Есть несколько функций для выполнения этой работы, которые написаны снизу в зависимости от приоритета.

• .css()

Установите одно или несколько свойств CSS для набора соответствующих элементов.

$("div").css("display", "block")

// Or add multiple CSS properties
$("div").css({
  display: "block",
  color: "red",
  ...
})

• .show()

Отображение соответствующих элементов и примерно эквивалентно вызову .css("display", "block")

.show() этого вы можете отобразить элемент, используя .show()

$("div").show()

• .attr()

Установите один или несколько атрибутов для набора совпадающих элементов.

Если целевой элемент не имеет атрибута style, вы можете использовать этот метод для добавления встроенного стиля к элементу.

$("div").attr("style", "display:block")

// Or add multiple CSS properties
$("div").attr("style", "display:block; color:red")

• JavaScript

Вы можете добавить определенное свойство CSS к элементу, используя чистый javascript, если вы не хотите использовать jQuery.

var div = document.querySelector("div");
// One property
div.style.display = "block";
// Multiple properties
div.style.cssText = "display:block; color:red"; 
// Multiple properties
div.setAttribute("style", "display:block; color:red");