javascript - 如何在 jquery 中使用 css

Question

CSS:

.level0 ul {list-style-type: none; height: 80px; width: 600px; margin: auto;}
    .level0 li {float: left;}
    .level1 ul {list-style-type: none; height: 80px; width: 600px; margin: auto;}
    .level1 li {float: left;}
    .level2 ul {list-style-type: none; height: 80px; width: 600px; margin: auto;}
    .level2 li {float: left;}

javascript 中的 CSS:

    <script>
function getId(id){
           $('.level'+id +' ul').css('list-style-type: none', 'height: 80px', 'width: 600px', 'margin: auto');
            $('.level'+id +' li').css('float: left');
}
    </script>

当我使用css时正常是可以的，但是当在javascript中使用css时出错，你能帮我吗？

Answer 1

你为什么不read the .css() docs ？!

$('selector').css({
    attr: 'value',
    anotherattr: 'anothervalue'
});

请注意，attrs 使用 CSS 属性的 JavaScript 语法，即 lowerCamelCase 而不是 lower-with-dashes。例如，这意味着 listStyleType 而不是 list-style-type。

除此之外，只有在您不能使用常规 CSS 时才使用 .css()。在许多情况下，创建一个 CSS 类和 .addClass() 此类更为合适。