简单的Jquery Css风格调用

Question

这有什么不对吗？

var hover = $('<img />').attr('src', hovers[i]).css('position', 
                                                        'absolute', 
                                                        'visibility' , 
                                                        'hidden');

由于某种原因，'visibility' , 'hidden'没有被调用？但如果我删除它的位置风格。

我在这里做错了什么？

Answer 1

答案是将带有键值对的对象传递给css方法，而不是传递额外的参数：

var hover = $('<img />')
    .attr('src', hovers[i])
    .css({
        position: 'absolute',
        visibility: 'hidden'
    });

请参阅此处的文档“.css（map）”：http://api.jquery.com/css/#css2

Answer 2

http://api.jquery.com/css/

从css文档中你可以看到你的语法不正确，当定义mulitple css属性时使用：，然后用逗号分隔，也用括号括起所有属性，如：

var hover = $('<img />').attr('src', hovers[i]).css({'position':'absolute','visibility':'hidden'});

Answer 3

将其更改为：

    var hover = $('<img />').attr('src', hovers[i]).css({'position': 'absolute', 'visibility': 'hidden'});