如何用 jquery 添加 ul 元素的样式？

Posted 2023-02-22

【中文标题】如何用 jquery 添加 ul 元素的样式？

【英文标题】：How to add ul element's style with jquery?

【发布时间】：2021-12-23 20:58:38

【问题描述】：

我想给一个用js创建的ul元素设置样式

<ul class="form">
...
<ul>

【问题讨论】：

为此使用 CSS，而不是 JS。您的具体问题是什么？

一切都是用js创建和调用的，所以我必须把它写在js文件中

CSS 可以在添加内容之前包含在页面中。或者，如果您使用的是 SPA，则可以动态添加/删除 CSS 文件引用——尽管这样做会很奇怪。生产环境中应该有一个单独的 CSS 文件，它是捆绑和缩小的。

我明白了。我会试试这个

【参考方案1】：

使用 jQuery，您应该能够使用其中一种方法来获得所需的结果。

$("ul.form").css("background-color", "#000000");
$("ul.form").css(backgroundColor: "#000000");
$("ul.form").attr("style", "background-color: #000000;");

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。

【参考方案2】：

$("ul.form").css(
  display: "none",
  color: "red", 
  width, height & other style elements 
  ...
);