jquery 操作css 尺寸
.height()
获取元素集合中的第一个元素的当前计算高度值,或设置每一个匹配元素的高度值。
.height()
获取匹配元素集合中的第一个元素的当前计算高度值。
这个方法不接受参数。
$(window).height(); 获取头像的高度。
$(document).height()
.height(value)
设置每一个匹配元素的高度值。
value 一个整数代表的像素数,默认为像素px。
.height(function(index,height))
返回用于设置高度的一个函数。index 参数表示元素在集合中的位置,
height 参数表示原来的高度,this 指向元素集合中的当前元素。
$("div").one("click",function(){
$(this).height(30)
})
.innerHeight()
用于获得匹配集合中第一个元素的当前计算的内部高度(包括padding 但不包括border 或设置每一个匹配元素的内部高度)
.innerHeight()
这个方法不接受任何参数。
p.innerHeight() 获取p元素的高度
.innerHeight(value)
为匹配元素设置css 内部高度。
.innerHeight(function)
一个函数用返回设置内部高度,
$( this ).innerHeight( modHeight ) 设置当前元素的高度。
.innerWidth()
用于获得匹配集合中第一个元素的当前计算的内部宽度(包括padding 但不包括border 或设置每一个匹配元素的内部宽度)
.innerWidth()
这个方法不接受任何参数。
p.innerWidth() 获取p元素的宽度
.innerWidth(value)
为匹配元素设置css 内部高度。
.innerWidth(function)
一个函数用返回设置内部高度,
$( this ).innerWidth( modWidth) 设置当前元素的宽度。
.width()
获取元素集合中的第一个元素的当前计算宽度值,或设置每一个匹配元素的宽度值。
.width()
获取匹配元素集合中的第一个元素的当前计算宽度值。
这个方法不接受参数。
$(window).width(); 获取头像的宽度。
$(document).width()
获取元素集合中的第一个元素的当前计算宽度值,或设置每一个匹配元素的宽度值。
.width(value)
设置每一个匹配元素的宽度值。
value 一个整数代表的像素数,默认为像素px。
.width(function(index,width))
返回用于设置宽度的一个函数。index 参数表示元素在集合中的位置,
width 参数表示原来的宽度,this 指向元素集合中的当前元素。
$("div").one("click",function(){
$(this).width(30)
})
.outerHeight()
获取匹配元素集合中第一个元素的当前计算高度值。包括padding border 和部分margin 在空集合上返回null;
.outerHeight([includeMargin])
includeMargin 一个布尔值,表明是否在计算机时包含元素的margin 值。margin (top 和 bottom)。
p.outerHeight( true ) 获取p 元素的高度值,包括margin。
.outerHeight(value)
为匹配集合中的每个元素设置css 外部高度。
value : 一个表示像素的数字。
.outerHeight(function(index,height))
function 一个函数,返回值用来设置外部高度值。
$( this ).outerHeight( modHeight ) 获取当前元素的高度包括。
.outerWidth()
获取匹配元素集合中第一个元素的当前计算宽度值。包括padding border 和部分margin 在空集合上返回null;
.outerWidth([includeMargin])
includeMargin 一个布尔值,表明是否在计算机时包含元素的margin 值。margin (top 和 bottom)。
p.outerHeight( true ) 获取p 元素的宽度值,包括margin。
.outerWidth(value)
为匹配集合中的每个元素设置css 外部宽度。
value : 一个表示像素的数字。
.outerWidth(function(index,height))
function 一个函数,返回值用来设置外部宽度值。
$( this ).outerWidth( modHeight ) 获取当前元素的宽度包括。
jquery 操作css 尺寸的更多相关文章
- jQuery操作css样式
jQuery操作css样式 css操作的分类: css操作 位置操作 尺寸操作 css操作之css css代码: html代码: jQuery代码: 效果如下: css操作之位置操作 css代码: h ...
- JQuery:JQuery操作CSS类
JQuery:CSS类jQuery - 获取并设置 CSS 类,通过 jQuery,可以很容易地对 CSS 元素进行操作.jQuery 操作 CSSjQuery 拥有若干进行 CSS 操作的方法.我们 ...
- jquery操作css样式的方法
jquery操作css样式的方法(设置和获取)
- jQuery 操作 CSS
jQuery 拥有若干进行 CSS 操作的方法.我们将学习下面这些: addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleCl ...
- JQUERY操作css与css()方法、获取设置尺寸;
一.jQuery addClass() 方法 向不同的元素添加 class 属性.在添加类时,您也可以选取多个元素 <style> .aa { color:red; }; </sty ...
- jquery操作CSS样式全记录
$(this).click(function(){ if($(this).hasClass(“zxx_fri_on”)){ $(this).removeClass(“zxx_fri_on”); ...
- jQuery操作css
jQuery addClass() 方法 向被选中元素添加class属性,参数为属性值 $("div").addClass("imp"); 也可以同时向多个元素 ...
- jQuery 操作CSS
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- jquery 操作css 选择器
.addClass() 为每个匹配的元素添加指定的样式类名 .addClass(className) className 为每个匹配元素所有增加的一个或多个样式名 .addClass(function ...
随机推荐
- Linux下判断磁盘是SSD还是HDD的几种方法
环境介绍 Fedora release 25 (Twenty Five) 判断方法 方法一 判断cat /sys/block/*/queue/rotational的返回值(其中*为你的硬盘设备名称,例 ...
- 前台js escape及后台C# Server.UrlEncode 对QueryString传参的含~!@#$%^&*等特殊字符的处理
通常情况下,我们在List列表页面,会包含Create,Edit,Delete等操作按钮, 而通常的处理是: Create按钮跳转到DataCreate.aspx Edit按钮跳转到DataEdit. ...
- Windows Server 2008下的FTP服务器设置
今天刚在新服务器上部署好Windows Server 2008,同时安装好了SQL,基本上还算顺利.没想到在设置FTP服务器的时候遇到了麻烦.按照以往的经验,安装好Serv-U以后,同时在防火墙设置里 ...
- 最新版本dede与discuz通过ucenter完美整合
人合租虚拟主机.然后到相关的官方网站上面下载相关的程序,我下载的是DedeCmsV5.7-GBK+Discuz_X2_RC_SC_GBK+UCenter_1.6.0_SC_GBK这个程序组合.涉及到怎 ...
- js超链接
_blank -- 在新窗口中打开链接 _parent -- 在父窗体中打开链接 _self -- 在当前窗体打开链接,此为默认值 _top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页) ...
- 在mac上使用github for mac 创建并上传项目
1.下载github for mac https://mac.github.com/ 2.登陆 偏好设置 3.用Xcode 创建一个项目,勾上“create local git respository ...
- 关于Mysql中文乱码问题该如何解决(乱码问题完美解决方案)(转)
这篇文章给大家介绍关于Mysql中文乱码问题该如何解决(乱码问题完美解决方案)的相关资料,还给大家收集些关于MySQL会出现中文乱码原因常见的几点,小伙伴快来看看吧 最近两天做项目总是被乱码问题困 ...
- CentOS6下DHCP服务(二)简单配置案例及故障排查
1.预分配网络参数如下:linux服务器:eth0 IP为192.168.8.250 做为局域网DHCP服务器局域网网段设置为192.168.8.0/24:内部计算机的router为192.168. ...
- 框架: namespace和use的区别以及使用注意项
我们在使用框架的时候,总会使用到namespace和Use这两个东西,我们先来看它们存在的意义 namespace:是指我们当前类中,所在的位置.使用namespace关键字的话,我们就可以达到效果: ...
- webpack踩坑
1.当你用webpack2实现css文件单独成一个文件的时候: 可能遇到这种错误Error: Breaking change: extract now only takes a single argu ...