大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
例如:
创新互联公司2013年成立,先为越城等服务建站,越城等地企业,进行企业商务咨询服务。为越城企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
div id="oDiv" this is div tag /div
如要获取id为oDiv的div标签的宽度
可以使用query如下写法
$("#oDiv").width();
jquery讲义: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
(1)、打点 width() 获取元素的宽
(2)、打点 height() 获取元素的高
(3)、打点 innerWidth() 获取包含内边距和内容区域不包含边框的宽
(4)、打点 innerHeight() 获取包含内边距和内容区域不包含边框的高
(5)、打点 outerWidth() 获取包含内边距、内容区域、边框的宽度
(6)、打点 outerHeight() 获取包含内边距、内容区域、边框的高度