JQuery获取元素宽度.width()与.css(‘width’)两个函数的区别

【JQuery获取元素宽度.width()与.css(‘width’)两个函数的区别】的更多相关文章

JQUERY 获取 DIV 宽度与高度（width,padding,margin,border）

一般讲的宽度指的是内容宽度,但一个 div 的实际宽度不仅只于内容宽度,尤其在做 CSS 排版时更不能搞错,必须同时考虑 Padding.Border 与 Margin 的宽度,四个加起来才是 div 真正占有的宽度. JQUERY 获取 DIV 宽度与高度(width,padding,margin,border)全都有了! var content = $(‘div’). width();//只是获取content宽度 var contentWithPadding = $(‘div’). in…

JQuery获取元素宽度.width()与.css(‘width’)两个函数的区别

整理翻译自:http://blog.jquery.com/2012/08/16/jquery-1-8-box-sizing-width-csswidth-and-outerwidth/ 大意是: 在JQuery中 .width返回的是:元素内容width + padding + border. .css('width')返回的是:元素内容width + 单位. 其实这2个函数分别对应,两种理解元素宽度的方式. content-box : 元素的宽度就是内容的宽度,不包括 padding 和 bo…

使用jQuery获取元素的宽度或高度的几种情况

今天说说使用jQuery获取元素大小的遇到几种情况使用jQuery获取元素的宽度或高度的有几种情况: 1.使用width(),它只能获取当前元素的内容的宽度: 2.使用innerWidth(),它只能获取当前元素的内容的宽度+padding: 3.使用outerWidth(),它只能获取当前元素的内容的宽度+padding+border; 4,使用outerWidth(true),它只能获取当前元素的内容的宽度+padding+border+margin; 元素高度与之对应…

jquery .width和css("width", )区别

1.$.fn.width会根据是否是borderBox来计算新的宽度,如果是borderBox,会额外加上padding和border的宽度,计算时只是按照px来,用rem做单位会出错: 2.$.fn.width返回的是不带单位的number类型,$.fn.css("width")返回的是带单位的字符串: 3.$.fn.width可以计算window和document的宽度,$.fn.css("width")不行.…

jquery 获取元素在浏览器中的绝对位置

代码详解 1,获取对象(自定义调整打开新窗口参照元素) var obj = $("#oButton"); 实例中我获取的对象是弹出窗口按钮,这样创建的新窗口就会根椐按钮的位置进行调整,实例中将创建的新窗口显示的按钮的右下角. 2,获取对象元素的位置(offset()方法) var offset = obj.offset(); 获取对象元素的位置,分别是元素的top和left,调用方法是:offset.left和offset.top,可知当前对象的左部和顶部位置. 3,获取对象元素的宽度…

区分width()、css('width')、innerWidth()

#widthTest1 { width: 200px; height: 200px; background-color: #00CCFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; border: 5px solid red; } #widthTest2 { margin-top: 30px; width: 200px; height: 2…