javascript - 在遍历对象数组时使用 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');

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

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