jquery width,height,innerwidth,innerheight,outerwidth,outerheight方法
通过 jQuery,很容易处理元素和浏览器窗口的尺寸。
jQuery 尺寸方法
jQuery 提供多个处理尺寸的重要方法:
- width()
- height()
- innerWidth()
- innerHeight()
- outerWidth()
- outerHeight()
jQuery 尺寸
jQuery width() 和 height() 方法
width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。
height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。
下面的例子返回指定的 <div> 元素的宽度和高度:
实例
尝试一下 »
jQuery innerWidth() 和 innerHeight() 方法
innerWidth() 方法返回元素的宽度(包括内边距)。
innerHeight() 方法返回元素的高度(包括内边距)。
下面的例子返回指定的 <div> 元素的 inner-width/height:
实例
尝试一下 »
jQuery outerWidth() 和 outerHeight() 方法
outerWidth() 方法返回元素的宽度(包括内边距和边框)。
outerHeight() 方法返回元素的高度(包括内边距和边框)。
下面的例子返回指定的 <div> 元素的 outer-width/height:
实例
尝试一下
jquery width,height,innerwidth,innerheight,outerwidth,outerheight方法相关推荐
- jQuery中的.height()、.innerHeight()和.outerHeight()
jQuery中的.height()..innerHeight()和.outerHeight()和W3C的盒模型相关的几个获取元素尺寸的方法.对应的宽度获取方法分别为.width()..innerWid ...
- jQuery中的height()、innerheight()、outerheight()的区别总结
在前端jQuery代码中突然看到outerheight(),第一感觉就是,这是什么鬼?然后仔细查阅了一下,居然发现还有这么多相似的东西. 在jQuery中,获取元素高度的函数有3个,它们分别是heig ...
- jQuery height()、innerHeight()、outerHeight()函数的区别详解
参考来源:http://www.jb51.net/article/84897.htm 代码示例(可复制到编辑器直接打开): 1 <!DOCTYPE html> 2 <html lan ...
- jq获取页面高度_使用jquery中height()方法获取各种高度
$(window).height(); //浏览器当前窗口可视区域高度 $(document).height(); //浏览器当前窗口文档的高度 $(document.body).height();/ ...
- 关于height、offsetheight、clientheight、scrollheight、innerheight、outerheight的区别
二.也是平时经常用到的offsetheight 它返回的高度是内容高+padding+边框,但是注意哦,木有加margin哦,当然一般也木有啥需要把margin加进去的,以上代码为例,结果显示上图h2 ...
- jq追加html属性,jQuery 操作 HTML 元素和属性的方法
jQuery拥有操作 HTML 元素和属性的强大方法. 1. 获取HTML 元素的内容和属性 (1) 获得内容: text().html() 以及 val()方法 My Test JQuery $( ...
- javascript 中的各种width,height属性整理
目标: 理清js及jquery的各种width和height 对象: Window对象表示浏览器中打开的窗口:window对象可以省略.比如alert().window.alert(). Docume ...
- html上下滚动切换顶端tab,jQuery实现Tab菜单滚动切换的方法
本文实例讲述了jQuery实现Tab菜单滚动切换的方法.分享给大家供大家参考.具体如下: 这是一款jQuery实现让你的Tab菜单滚动的代码,先运行一下看看效果咋样?是不是超不错,让你的网页变得灵动起 ...
- jQuery读取和设定KindEditor值的方法
转载自:https://www.jb51.net/article/43595.htm 侵删 jQuery读取和设定KindEditor值的方法 更新时间:2013年11月22日 09:03:56 ...
- 笔记--jQuery常用API,事件,其他方法
1. jQuery 选择器 1.1 jQuery 基础选择器 原生js获取元素方式很多,很杂,而且兼容性情况不一致,因此jQuery给我们做了封装,使获取元素统一标准. 1.2 jQuery 层级选择 ...
最新文章
- C++ 对引用的深入理解
- Linux命令学习记录(六)
- cmake使用教程(一)-起步
- 几种常用范数与距离的关系
- Crontab使用详解
- 数据加密辅助类(默认编码UTF-8)
- android内存置换,课内资源 - 基于Android实现的页面置换模拟
- 系统权限控制设计001---RBAC用户角色权限设计方案
- ArcGIS 9.3 For JavaScript API 学习笔记
- 专访ThoughtWorks王磊:从单块架构到微服务架构
- mysql下载安装安装包_mysql下载安装包及安装步骤
- 精述wifi、zigbee在链路层的安全原理:CCM模式
- activity已经销毁判断
- POJ 1625 Censored!
- 【智能优化算法-正弦余弦算法】基于反向正弦余弦算法求解高维优化问题附matlab代码
- 手把手教你搭建使用NuGet私有源
- 使用 minikube 安装 k8s-cluster
- java接口开放平台设计,OpenApi开放平台架构实践
- 局域网访问互联网配置教程
- 模仿搜索框搜索提示案例笔记分享
热门文章
- 独特的 Erlang -- Eralng 学习笔记 (1)
- windows 上面的tensorflow-GPU、cuda、cudnn 安装
- Leetcode刷题记录:构建最大数二叉树
- makefile中伪目标的理解
- 以Graphicslayer为管理组来管理Element.
- Linux学习之CentOS(一)--CentOS6.5环境搭建
- 对于spring中事务@Transactional注解的理解
- 訪问可能没有定义的data (通过static类型flash.net:FileReference引用)
- #HTTP协议学习# (六)代理
- ArrayList转换类型为DataTable类型