height()和width()

    <title></title>
    <style>
        .box {
            width: 100px;
            height: 100px;
            padding-left: 10px;
            border: 10px solid #000;
            background-color: pink;
        }
    </style>
    <script src="jquery-1.11.1.js"></script>
    <script>
        $(function () {
            //獲取寬度
            $("button").eq(0).click(function () {
                //換個(gè)offsetHeiht不一樣。只獲取高度
                alert($(".box").width());
            })
         
            $("button").eq(1).click(function () {
                //設(shè)置寬度
                $(".box").width(200);
            })


            //獲取高度
            $("button").eq(2).click(function () {
                //換個(gè)offsetHeiht不一樣。只獲取高度
                alert($(".box").height());
            })
          
            $("button").eq(3).click(function () {
                //設(shè)置高度
                $(".box").height(200);
            })

        })
    </script>
</head>
<body>
<button>獲取寬度</button>
<button>設(shè)置寬度</button>
<button>獲取高度</button>
<button>設(shè)置高度</button>
<div class="box"></div>
</body>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • HTML 4.01<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Fra...
    ChenyuMa閱讀 317評(píng)論 0 0
  • 1:window對(duì)象的寬高:window.innerHeight window.outerHeight windo...
    我愛吃肥腸閱讀 477評(píng)論 0 0
  • 在jQuery里面的寬高比較少,只有width,innerwidth,outerwidth三個(gè).對(duì)于window和...
    我愛吃肥腸閱讀 110評(píng)論 0 0
  • 今天收到一位朋友的善意提醒,讓我十分糾結(jié)! 許多人一直在講教育,每個(gè)人都有每個(gè)人同的理解,我也是! 談教育,我確實(shí)...
    小爸在路上閱讀 246評(píng)論 0 0
  • 當(dāng)一派春色籠罩大地,花紅柳綠,姹紫嫣紅般的世界悄悄呈現(xiàn)在你眼前的時(shí)候,我的夢(mèng)醒了,也亮了,我以為一切晴朗了…… 兩...
    深深淺淺間閱讀 688評(píng)論 0 1

友情鏈接更多精彩內(nèi)容