2019-04-28 jQuery中$()和.css()的使用

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            //          window.onload= function(){
            // //           var obox = document.getElementById("box");
            // //           obox.style.width = '100px';
            // //           obox.style.hieght = '100px';
            // //           obox.style.background = 'red';
            //          var abox = document.getElementByTagName("box");
            //      }
            $(function() {
                //           $('#box').css('width','100px');
                //           $('#box').css('height','100px');
                //           $('#box').css('background','red');
                //           $('#box').css('border','1px solid #000');
                // $('#box').css('width','100px').css('height','100px').css('background','red').css('border','1px solid #000');
                $('div').css('width', '100px').css('height', '100px').css('background', 'red').css('border', '1px solid #000');
                $('.a').css('font-size','50px');
            })
        </script>
    </head>
    <body>
        <!-- <div id="box"></div> -->
        <div></div>
        <div></div>
        <div></div>
        <p class="a">1</p>
        <p class="a">2</p>
        <p class="a">3</p>
        <p class="a">4</p>
    </body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容