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

您需要使用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>

Answer 2

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

DEMO

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

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

2 个答案: