大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

jquery元素宽度,jquery获取元素宽度

jquery怎么获取元素的宽度

例如:

创新互联公司2013年成立,先为越城等服务建站,越城等地企业,进行企业商务咨询服务。为越城企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

div id="oDiv" this is div tag /div

如要获取id为oDiv的div标签的宽度

可以使用query如下写法

$("#oDiv").width();

jquery讲义:width() 方法返回或设置匹配元素的宽度。

jquery中innerwidth,outerwidth和width的区别是什么?

在jQuery中,width()方法用于获得元素宽度;innerWidth()方法用于获得包括内边界(padding)的元素宽度,outerWidth()方法用于获得包括内边界(padding)和边框(border)的元素宽度,如果outerWidth()方法的参数为true则外边界(margin)也会被包括进来,即获得包括外边框(margin)、内边界(padding)和边框(border)的元素宽度。同理,innerHeight方法与outerHeight方法也是用同样的方法计算相应的高度。

所以说:对于同一个元素应该是:width()=innerWidth()=outerWidth()=outerWidth(true);

再给你一个实例,前提是正确导入jQuery,即可运行。

代码中将p元素的宽度设计为200px;运行会输出200、220、240、260。

script type="text/javascript"

$(document).ready(function(){

$(".btn1").click(function(){

var obj=$("#p_obj");

alert(obj.width());

alert(obj.innerWidth());

alert(obj.outerWidth());

alert(obj.outerWidth(true));

});

});

/script

p id="p_obj" style="background-color:yellow; width:200px; padding:10px; border:10px solid blue; margin:10px;"This is a paragraph./p

button class="btn1"输出高度/button

jQuery获取元素宽高

(1)、打点 width()        获取元素的宽

(2)、打点 height()        获取元素的高

(3)、打点 innerWidth()    获取包含内边距和内容区域不包含边框的宽

(4)、打点 innerHeight()    获取包含内边距和内容区域不包含边框的高

(5)、打点 outerWidth()    获取包含内边距、内容区域、边框的宽度

(6)、打点 outerHeight()    获取包含内边距、内容区域、边框的高度


当前标题:jquery元素宽度,jquery获取元素宽度
文章转载:http://dzwzjz.com/article/phpjoo.html
在线咨询
服务热线
服务热线:028-86922220
TOP