如何通过对象添加z-index？

Question

Is it possible add z-index via css method thought object:

jQuery('<div/>').css({
        z-index: 1000, 
        opacity: 0.7, 
        width: jQuery(window).width(), 
        height: jQuery(document).height(), 
        top:0, 
        left:0, 
        position: 'absolute'}).appendTo('body');

Answer 1

$("<div>").css({
    zIndex: 123
}).appendTo("body");

or

$("<div>").css({
    "z-index": 123
}).appendTo("body");

---

.css() doc :

... Also, jQuery can equally interpret the CSS and DOM formatting of multiple-word properties. For example, jQuery understands and returns the correct value for both .css({'background-color': ...}) and .css({backgroundColor: ...}) .

Answer 2

jQuery('div').css('z-index',1000);

Answer 3

yes but you have to use apostrophes/quotation 'z-index marks:

jQuery('<div/>').css({
    "z-index": 1000, 
    opacity: 0.7, 
    width: jQuery(window).width(), 
    height: jQuery(document).height(), 
    top:0, 
    left:0, 
    position: 'absolute'}).appendTo('body');