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 ...
随机推荐
- fireFox在中国的https网站的时候,老会出 ssl_error_unsupported_version 这个错误。
fireFox在中国的https网站的时候,老会出 ssl_error_unsupported_version 这个错误. 出现在 这个的解决办法就是 在地址栏里输入 about:config 查找 ...
- (转)Python3.5 day3作业二:修改haproxy配置文件
原文:http://www.cnblogs.com/iwxk/p/6010018.html
- xubuntu 安装一款漂亮的图标
sudo add-apt-repository ppa:noobslab/icons sudo apt-get update sudo apt-get install square-beam-icon ...
- TP扩展Xxtea.class.php加密解密函数用法
http://www.coolcode.org/?action=show&id=128这里可以查到一个相关文章. 附上xiunobbs里的代码,自己加了点注释,欢迎大牛批评指正 //将数值数组 ...
- 【PHP】 hash加密
之前对密码进行加密是在JS文件里做的,但是不行,改到PHP文件里进行加密比较安全,于是乎…… [原JS加密代码] var password = sha256_digest(pwd); 后来在网上调查方 ...
- GitKraken使用教程-基础部分(8)
9. 远程(Remote)仓库 1) 添加远程仓库 一般在本地新建仓库后,需要添加一个远程仓库用于push/pull代码.鼠标移至GitKraken左侧区域的REMOTE栏,点击 该栏右边出现的 按 ...
- iOS-swift-函数和闭包
一.函数 关键字:func 参数列表用 , 分割 使用 -> 分割参数和返回值 func greet(person: String, day: String) -> String { re ...
- codevs 1213 解的个数
1213 解的个数 时间限制: 1 s 空间限制: 128000 KB 题目等级 : 黄金 Gold 题目描述 Description 已知整数x,y满足如下面的条件: ax+by+c = ...
- LINQ&EF任我行(二)--LinQ to Object
(原创:灰灰虫的家http://hi.baidu.com/grayworm)LinQ to Objects是LinQ家庭的核心,其它的LinQ也使用了与LinQ to Objects相同的查询句法.最 ...
- [topcoder]TheConsecutiveIntegersDivOne
http://community.topcoder.com/stat?c=problem_statement&pm=13625&rd=16278 首先,如果记得曼哈顿距离最小值那个问题 ...