如何使用jQuery将`style = display:"block"`添加到元素中？

Question

如何style=display:"block"在jQuery中添加元素？

Answer 1

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

编辑:或者正如dave thieben在下面的评论中指出的那样,你也可以这样做:

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

Answer 2

根据设置显示属性的目的,您可能需要查看

$("#yourElementID").show()

和

$("#yourElementID").hide()

Answer 3

根据优先级在底部写入这项工作有多种功能.

• .css()

为匹配元素集设置一个或多个CSS属性.

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

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

• .show()

显示匹配的元素,大致相当于调用.css("display", "block")

您可以使用.show()替代显示元素

$("div").show()

• .attr()

为匹配元素集设置一个或多个属性.

如果target元素没有style属性,则可以使用此方法向元素添加内联样式.

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

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

• JavaScript的

如果您不想使用jQuery,可以使用纯javascript向元素添加特定的CSS属性.

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");

Answer 4

如果你需要添加多个,那么你可以这样做:

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

作为一个好习惯,我还会将属性名称放在引号之间以允许破折号,因为大多数样式都有破折号.如果它是'display',那么引号是可选的,但是如果你有一个破折号,那么没有引号它将无法工作.无论如何,要简单起见:始终将它们用引号括起来.