Question

有人可以帮我解决以下问题。

我需要为使用Jquery添加的动态HTML元素添加样式，但是我无法直接在样式表中将它添加到它们中，因为我想要更改的属性的值也不同，这也取决于元素I添加。

简化事情，我需要从Jquery到HTML元素的样式，以后会添加更多。

我感谢你的帮助。

Answer 1

如果要动态添加元素，那么在元素创建时，您可以在元素上添加css，如。

$('<p id="createdParagraph"/>')
    .appendTo(document.body)
    .css("color": "white",
        "background-color": "#98bf21",
        "font-family": "Arial",
        "font-size": "20px",
        "padding": "5px");

或

$('p').append('<span class=your_class_name>)

如果你想在不同情况下使用很多属性，那么你可以在样式表中创建所有可能的类，你可以动态地使用jquery添加/删除这些类，如 -

$("p").addClass('class1');
$("p").removeClass('class1');

希望这会对你有所帮助。

Answer 2

您可以使用 jQuery 的 css() 方法向项目添加新的 CSS 属性或使用 jQuery 动态更改现有属性的值。

HTML 代码：

  <p>This is a paragraph.</p>

JQuery 代码：

  $(document).ready(function(){
    $("p").css({
      "font-size": "20px",
      "text-align": "center",
      "padding": "40px"
    });
  });

您可以在此处查看示例：How to add CSS properties to an element dynamically with jQuery

将带有Jquery的CSS添加到动态元素中

2 个答案: