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

Question

是否可以z-index通过css方法添加思想对象：

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");

或者

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

---

.css()文档：

... 此外，jQuery 可以同样解释多词属性的 CSS 和 DOM 格式。例如，jQuery 理解并返回正确的值.css({'background-color': ...})和.css({backgroundColor: ...})。

Answer 2

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

Answer 3

是的，但你必须使用撇号/引号'z-index ：

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');