使用带有样式标签的 jquery 创建 div

Question

我正在尝试使用 jquery

创建一个 div 元素

$(document).ready(function () {
    var ss = {
        id: "foo",
        class: "attack",
        dataa: "hhh",
        style:{
            "color":"red"
        }
    }
    var $div = $("<div>", ss);
    $div.html("dfg");
    $("body").append($div);

它创建了元素，但样式对象没有正确添加。

是否有在标签内添加样式的解决方法？

Answer 1

使用下面的代码。而不是 style 使用 css

DEMO

var ss = {
    id: "foo",
    class: "attack",
    dataa: "hhh",
    css:{
        "color":"red"
    }
}

Answer 2

您需要使用 css 而不是 style

$(document).ready(function() {
  var ss = {
    id: "foo",
    class: "attack",
    dataa: "hhh",
    css: {
      "color": "red"
    }
  };
  var $div = $("<div>", ss);
  $div.html("dfg");
  $("body").append($div);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

或者你可以使用 style 但它应该是我们在样式属性中设置的字符串

$(document).ready(function() {
  var ss = {
    id: "foo",
    class: "attack",
    dataa: "hhh",
    style: 'color: red'
  };
  var $div = $("<div>", ss);
  $div.html("dfg");
  $("body").append($div);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

使用带有样式标签的 jquery 创建 div

Creating a div using jquery with style tag

html

tags

jquery