jQuery - 尺寸
来源:互联网 发布:如何电话注销淘宝店铺 编辑:程序博客网 时间:2024/04/28 01:23
jQuery 尺寸 方法
jQuery 提供多个处理尺寸的重要方法:
- width()
- height()
- innerWidth()
- innerHeight()
- outerWidth()
- outerHeight()
jQuery width() 和 height() 方法
width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。
height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。
下面的例子返回指定的 <div> 元素的宽度和高度:
实例
$("button").click(function(){ var txt=""; txt+="Width: " + $("#div1").width() + "</br>"; txt+="Height: " + $("#div1").height(); $("#div1").html(txt);});
jQuery innerWidth() 和 innerHeight() 方法
innerWidth() 方法返回元素的宽度(包括内边距)。
innerHeight() 方法返回元素的高度(包括内边距)。
下面的例子返回指定的 <div> 元素的 inner-width/height:
实例
$("button").click(function(){ var txt=""; txt+="Inner width: " + $("#div1").innerWidth() + "</br>"; txt+="Inner height: " + $("#div1").innerHeight(); $("#div1").html(txt);});
jQuery outerWidth() 和 outerHeight() 方法
outerWidth() 方法返回元素的宽度(包括内边距和边框)。
outerHeight() 方法返回元素的高度(包括内边距和边框)。
下面的例子返回指定的 <div> 元素的 outer-width/height:
实例
$("button").click(function(){ var txt=""; txt+="Outer width: " + $("#div1").outerWidth() + "</br>"; txt+="Outer height: " + $("#div1").outerHeight(); $("#div1").html(txt);});
outerWidth(true) 方法返回元素的宽度(包括内边距、边框和外边距)。
outerHeight(true) 方法返回元素的高度(包括内边距、边框和外边距)。
实例
$("button").click(function(){ var txt=""; txt+="Outer width (+margin): " + $("#div1").outerWidth(true) + "</br>"; txt+="Outer height (+margin): " + $("#div1").outerHeight(true); $("#div1").html(txt);});
jQuery - 更多的 width() 和 height()
下面的例子返回文档(HTML 文档)和窗口(浏览器视口)的宽度和高度:
实例
$("button").click(function(){ var txt=""; txt+="Document width/height: " + $(document).width(); txt+="x" + $(document).height() + "\n"; txt+="Window width/height: " + $(window).width(); txt+="x" + $(window).height(); alert(txt);});
下面的例子设置指定的 <div> 元素的宽度和高度:
实例
$("button").click(function(){ $("#div1").width(500).height(500);});
0 0
- jquery-尺寸
- jQuery - 尺寸
- jQuery - 尺寸
- jquery-尺寸
- jQuery 尺寸
- jQuery - 尺寸
- jQuery 尺寸
- 18. jQuery - 尺寸
- 10017---jQuery--尺寸
- jQuery之尺寸
- jQuery获取尺寸
- jquery-尺寸方法
- jQuery之尺寸调整组件
- JQuery对尺寸的处理
- JQuery Re-Sizable(尺寸改变)
- jquery获取屏幕尺寸方法
- jQuery对尺寸的操作
- jQuery位置、CSS和尺寸
- 打patch
- SharePoint 2010 图片播放器Web部件
- 信号与中断的区别
- oracle 12c 数据库安装和基本配置
- jQuery - 获取并设置 CSS 类
- jQuery - 尺寸
- Python学习系列(二)(基础知识)
- 【23】二叉树的相关操作
- MyEclipse安装SVN插件
- STL简介
- db2目录结构
- jQuery 参考手册 - 遍历
- 安装rpm包
- swift笔记(1)