jQuery操作css样式的方法

转载于 2018-11-05 19:37:00 发布 · 47 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/superCwen/p/9911035.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用jQuery库批量设置HTML元素样式的高效方法，通过实例演示了如何为div元素设置宽度、高度和背景颜色，展示了逐一设置、链式调用及推荐的批量设置方法。

<html>

<head>
<title></title>
</head>
    <style>
        
    </style>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
        
        $(function(){
            //逐一设置样式
            $('div').css("width","100px")
            $('div').css("height","100px")
            $('div').css("background","red")
            //链式设置
            $('div').css("width","100px").css("height","100px").css("background","blue")
            //批量设置(推荐使用)
            $('div').css({
                width:"100px",
                height:"100px",
                background:"red"
            })
        })
        
    </script>
    
<body>
    <div> </div>
</body>
</html>