jquery 中的 width() 和 outerwidth()区别

<div style="width: 200px;height:200px;border:30px solid red;padding:1px;" id="bbbbbbbb">宽200px <br/>高 200px</div>
            <script>
                $(function(){
                    var width =  $("#bbbbbbbb").width();
                    var width =  $("#bbbbbbbb").outerWidth();
                   // alert(width);
                    $("#bbbbbbbb").outerWidth(100);
                    $("#bbbbbbbb").width(100);
                });
            </script>

width()是 去除 边框(border)和padding后剩下的宽度

outerWidth()是包含边框宽度包含padding宽度
$("#bbbbbbbb").outerWidth(100); 宽度 比 $("#bbbbbbbb").width(100); 窄

猜你喜欢

转载自blog.csdn.net/qq_25261441/article/details/109490255