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 ...
随机推荐
- maya2018安装失败如何卸载重装
AUTODESK系列软件着实令人头疼,安装失败之后不能完全卸载!!!(比如maya,cad,3dsmax等).有时手动删除注册表重装之后还是会出现各种问题,每个版本的C++Runtime和.NET f ...
- Magnum DevStack安装
local.conf文件 [[local|localrc]]DATABASE_PASSWORD=123456RABBIT_PASSWORD=123456SERVICE_TOKEN=123456SERV ...
- 微服务(Micro Service Architecture)浅析
最近一段时间,微服务的概念很火,可能是跟Docker技术的快速发展和壮大有一定的关系,同时借助于Uber.Netflix.Groupon等公司的实践.宣传和推广,使得MSA渐渐地成为企业或者架构师讨论 ...
- Kudu1.1.0 、 Kudu1.2.0 Kudu1.3.0的版本信息异同比较
不多说,直接上干货! Kudu1.1.0 新特性 python API升级,具备JAVA C++client一样的功能(从0.3版本直接升级到1.1),主要的点如下: 1.1. 改进了Parial ...
- [转] Java集合类详解
集合类说明及区别Collection├List│├LinkedList│├ArrayList│└Vector│ └Stack└SetMap├Hashtable├HashMap└WeakHashMap ...
- weblogic 10.3.5重置密码
weblogic 10.3.5重置密码 热度1,609 ℃ 时间:2013-12-26 10:26 分类:middleware 评论数:0 条 0 weblogic默认验证密码机制:如 ...
- 我对CSS选择器的认识
我对CSS选择器的认识 一.简述 CSS选择器是对HTML元素进行选择的筛选条件,大概可以分为两类: 特征选择器——根据元素自身所具有的某种特征进行筛选,比如名称.ID.属性等: 关系选择器——根据元 ...
- web worker技术-js新线程
web worker的小例子,用来入门很合适,建议启动服务来开发.可以使用node的anywhere. <!DOCTYPE html> <html lang="en&quo ...
- ztree树形图自定义图标在jeecg框架中不显示
有时候工作遇到问题,就会硬着头皮去解决,今天给大家说一个ztree树形图自定义图标在jeecg框架中不显示的解决方法 对于这个问题,官方观法说法是在节点元素中加入icon的字段,然后后跟图标的url, ...
- ownCloud-9.1.1 (Ubuntu 16.04)
平台: Ubuntu 类型: 虚拟机镜像 软件包: owncloud-9.1.1 commercial content management open-source owncloud storage ...