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 ...
随机推荐
- 性能测试工具LoadRunner10-LR之Virtual User Generator 错误处理函数
VuGen提供了错误处理函数lr_continue_on_error,用来在脚本中实时修改Vuser的出错设置.lr_continue_on_error函数语法结构如下: void lr_contin ...
- 提交表单之前对表单进行检查的方法 onsubmit="return checkSubmit();"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- xml schema数据类型
1.简单数据类型 (1)内置简单数据类型 schema中定义了一些简单数据类型,包括primitive原始数据类型和derived派生数据类型,这些类型都是schema中使用的 最基本的数据类型,我们 ...
- 关于hibernate字段映射@colunm出现的问题以及jpa驼峰大写转_小写的问题探究
关于hibernate字段映射@colunm出现的问题以及jpa驼峰大写转_小写的问题探究2018年04月24日 15:47:26 守望dfdfdf 阅读数:735 标签: @colunmhibern ...
- The sixteenth day
It is a against the law to drive without a driver's license 翻译: 没有驾照,开车是违法的 注意点: 1.It(连读)is; witout( ...
- 工作流常使用API
记录实际开发中常使用到的API CreateProcess 在工作流开始之前,创建一个新的工作流 Wf_engine.CreateProcess (itemtype in varchar2, - ...
- 使用GreenDao 添加字段,删除表,新增表操作
GreenDao 给我个人感觉 比一般的ORM框架要好很多,虽然说上手和其他的比起来,较复杂,但是如果使用熟练以后,你会爱上这个框架的 用这些ORM 框架给我的感觉都是,当升级时,都需要进行数据库所有 ...
- Android中关于XML的一个小问题——使用XML输出“<”错误的问题
在 XML 中,有 5 个预定义的实体引用: < < 小于 > > 大于 & & 和号 ' ' 单引号 " " 引号 注释 ...
- Touch事件传递的实验
通过自定义的Relayout LinearLayout TextView , 布局为: 分别打印事件方法: 1.当所有的都是super的时候,点击TextView的时候,事件的传递是: ...
- linux服务器tomcat启动时,不能加载项目
---恢复内容开始--- 问题描述:tomcat启动时候,能够成功启动但是项目不能加载,查看catalina.out后出现以下的错误 due to a StackOverflowError. Poss ...