美文网首页
2019-04-28 jQuery中$()和.css()的使用

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

作者: 果冻_4c9b | 来源:发表于2019-04-28 19:16 被阅读0次
    <!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>

    相关文章

      网友评论

          本文标题:2019-04-28 jQuery中$()和.css()的使用

          本文链接:https://www.haomeiwen.com/subject/fgwjnqtx.html