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 ...
随机推荐
- 性能测试工具Jmeter11-Jmeter图形监控扩展
插件下载地址:http://jmeter-plugins.org/downloads/all/ 1.首先将JmeterPluging.jar包复制到Jmeter的Lib目录下面的ext目录下面,然后重 ...
- php表单提交时的身份证号码验证
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
- vue学习中遇到的onchange、push、splice、forEach方法使用
最近在做vue的练习,发现有些js中的基础知识掌握的不牢,记录一下: 1.onchange事件:是在域的内容改变时发生,单选框与复选框改变后触发的事件. 2.push方法:向数组的末尾添加一个或多个元 ...
- C# 压缩 解压 复制文件夹,文件的操作
命名空间:namespace System.IO.Compression 压缩: //目标文件夹 string fileDirPath = "/Downloads/试题" + us ...
- Android 程序结构介绍
创建好Android开发环境后,创建一个Android Project, 截图如下:
- C#本期本周的算法
C#根据当前时间获取,本周,本月,本季度等时间段 DateTime dt = DateTime.Now; //当前时间 DateTime startWeek = dt.AddDays( - Conve ...
- .NET MVC强类型参数排除和包含属性
MVC接收强类型对象时排除或只接收某几个属性时可使用Bind特性: Bind(Include="属性");如果相包含多个属性可以用逗号分割符分开:Bind(Include=&quo ...
- C#测试程序运行时间的方法
C#测试程序运行时间的三种方法如下: (1)Datetime DateTime dtBegin = System.DateTime.Now;... DateTime dtEnnd = System.D ...
- iOS重用宏定义
iOS 多快好省的宏(转) 原文地址:http://my.oschina.net/yongbin45/blog/150149 // 字符串: #ifndef nilToEmpty #define ni ...
- python面试题——前端(23题)
2.谈谈你对websocket协议的认识. 3.什么是magic string ? 4.如何创建响应式布局? 5.你曾经使用过哪些前端框架? 6.什么是ajax请求?并使用jQuery和XMLHttp ...