如何使用jQuery将'style=display：'block“'添加到元素中？

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

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

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

有多个函数可以完成这项工作，这些功能根据优先级在底部写入。

• .css()

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

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

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

• .show()

显示匹配的元素，大致相当于调用.css（“显示”，“块”）

您可以使用.show()

$("div").show()

• .attr()

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

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

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