JQuery淡入淡出二级菜单的实现

最新推荐文章于 2021-02-05 18:29:11 发布

四次元的lucly

最新推荐文章于 2021-02-05 18:29:11 发布

阅读量291

点赞数

本文链接：https://blog.csdn.net/weixin_44762420/article/details/89424410

版权

jQuery尺寸：
两种方法;
width():设置或返回元素的宽高（不包括内边框，边框，或外边距）
hieght():设置或返回元素的高度（不包括内边框，边框，或外边距）

<body>

<div id="div1"  style="height:200px;width: 400px;padding:10px;border:10px;solid: red ;margin: 1px" ></div>
<button>显示div元素的尺寸</button>
</body>

 <script>
        $(document).ready(function(){
            $("button").click(function(){
                var txt=""
                txt +="div的宽度是："+$("#div1").width()+"px"+"<br>";
                txt +="div的高度是："+$("#div1").height()+"px"+"<br>";
                txt +="div宽度，包括内边距"+$("#div1").innerWidth()+"px"+"<br>";
                txt +="div高度，包括内边距"+$("#div1").innerHeight()+"px"+"<br>";
                $("#div1").html(txt)
            })
        })



    </script>