时间:2021-05-26
本文实例讲述了jQuery获得包含margin的outerWidth和outerHeight的方法。分享给大家供大家参考。具体如下:
<!DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>$(document).ready(function(){ $("button").click(function(){ var txt=""; txt+="Width of div: " + $("#div1").width() + "</br>"; txt+="Height of div: " + $("#div1").height() + "</br>"; txt+="Outer width of div (margin included): " + $("#div1").outerWidth(true) + "</br>"; txt+="Outer height of div (margin included): " + $("#div1").outerHeight(true); $("#div1").html(txt); });});</script></head><body><div id="div1" style="height:100px;width:300px;padding:10px;margin:3px;border:1px solid blue;background-color:lightblue;"></div><br><button>Display dimensions of div</button><p>outerWidth(true) - returns the width of an element (includes padding, border, and margin).</p><p>outerHeight(true) - returns the height of an element (includes padding, border, and margin).</p></body></html>希望本文所述对大家的jQuery程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
以便更好控制元素来满足我们的要求,那么我们可以通过outerHeight(options)和outerWidth(options)来获取到这部分的高度和宽度。o
在Javascript中可以使用OuterWidth,OuterHeight获取浏览器的大小.用innerWidth,innerHeight来获取窗口的大小(除
复制代码代码如下:jQuery的位置函数(offset(),innerWidth(),innerHeight(),outerWidth(),outerHeigh
只有jQuery对象才能调用jQuery类库的各种函数,同样有些dom对象的属性和方法在jQuery上也是无法调用的,不过基本上jQuery类库提供的函数包含了
本文实例讲述了JQuery中attr方法和removeAttr方法用法。分享给大家供大家参考。具体如下:div{width:100px;margin:0pxau