如何使用jQuery添加' style=display:&quot块" '到一个元素?

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

661463 次浏览
小开 
$("#YourElementID").css("display","block");

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

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

根据设置display属性的目的，您可能想看一下

$("#yourElementID").show()

而且

$("#yourElementID").hide()
小开

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

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

作为一个好的实践，我也会把属性名放在引号之间，以允许破折号，因为大多数样式都有破折号。如果它是'display'，那么引号是可选的，但如果你有破折号，没有引号它就不能工作。无论如何，为了简单起见:总是用引号括起来。

小开

有多个函数来做这个工作，写在底部基于优先级。

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

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

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

显示匹配的元素，大致为等价于调用.css("display", "block")

你可以使用.show()来显示元素

$("div").show()

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

如果目标元素没有style属性，则可以使用此方法为元素添加内联样式。

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

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

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

提交答案