使用jquery修改对象的css，同时迭代对象数组

Question

如何在迭代对象数组时修改对象的css？这是我的尝试：

var buttons = $('#nav li');
for(button in buttons){
    button.css("opacity","1");
}

但这会产生错误：

Uncaught TypeError: Object 0 has no method 'css'
(anonymous function) 
k jquery-1.8.0.min.js:2
l.fireWith jquery-1.8.0.min.js:2
p.extend.ready jquery-1.8.0.min.js:2
D

Answer 1

您不必遍历集合来设置css，jQuery会为您执行此操作：

$('#nav li').css('opacity','1');

你正在jQuery对象的所有键上调用.css()方法而不是实际选择的元素，jQuery返回一个jQuery包装的所选元素数组，如果你想得到实际的数组元素，你可以使用.get()方法，如果你想遍历集合，你可以简单地使用.each()方法：

$('#nav li').each(function(index, element) {
   // ...
});