使用带有样式标签的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

您需要使用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但是它应该是字符串，因为我们在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>