jQuery - 尺寸
2016-03-30 16:31
507 查看
通过 jQuery,很容易处理元素和浏览器窗口的尺寸。
jQuery 尺寸 方法
jQuery 提供多个处理尺寸的重要方法:width()
height()
innerWidth()
innerHeight()
outerWidth()
outerHeight()
jQuery width() 和 height() 方法
width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。
下面的例子返回指定的 <div> 元素的宽度和高度:
实例
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("#div1").width(320).height(320); }); }); </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>调整 div 的尺寸</button> </body> </html>
View Code
查看结果:
相关文章推荐
- asp.net vb jquery ajax 取得后台数据
- jquery $.trim()去除字符串空格的实现方法【附图例】
- jquery实现简单的banner轮播效果【实例】
- jQuery - css() 方法
- jQuery常用特效插件汇总
- jquery实现一个简单的表单验证实例
- 每天学点JQuery(1)—选择器
- jQuery - 获取并设置 CSS 类
- jquery $.trim()去除字符串空格详解
- jQuery简单的Ajax调用示例
- JSON和JSONP具体是干神马的呢? (含jQuery实例)
- jQuery - 删除元素
- jquery制作图片瀑布流点击按钮加载更多内容
- jQuery - 添加元素
- jquery的ajax提交时“加载中”提示的处理方法
- Jquery判断form表单数据是否变化
- jQuery - 设置内容和属性
- 教你怎么写jQuery的插件
- 黄聪:基于jQuery+JSON的省市区三级地区联动
- jQuery - 获得内容和属性