如何在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;}

jss中的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

你为什么不读.css()文件？

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

请注意,attrs使用CSS属性的JavaScript语法,即lowerCamelCase而不是low -with-dashes.这意味着listStyleType而不是list-style-type举例.

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