[SOLVED] Creating a div using jquery with style tag

Creating a div using jquery with style tag

I created a div element using jquery

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

but the style object is not working

Solution

You need to use css not style

$(document).ready(function() {
  var ss = {
    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>

or you can use style but it should be string as we are setting in style attribute

$(document).ready(function() {
  var ss = {
    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>