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 ) 获取当前元素的宽度包括。

时间: 2024-10-10 00:41:09

jquery 操作css 尺寸的相关文章

JQuery:JQuery操作CSS类

JQuery:CSS类jQuery - 获取并设置 CSS 类,通过 jQuery,可以很容易地对 CSS 元素进行操作.jQuery 操作 CSSjQuery 拥有若干进行 CSS 操作的方法.我们将学习下面这些: addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性 1.jQuery addClass() 方法实例1:下面的例子

jQuery操作CSS属性的相关方法

1.前言 jQuery提供了以下几种操作DOM元素CSS样式的方法,包括直接访问.修改DOM元素的class属性值,还提供了访问.修改DOM元素内联CSS属性值的方法,除此之外还提供了大量直接访问.修改DOM元素大小和位置的方法. jQuery提供的操作CSS属性的相关方法如下. 1)        addClass(class):将指定的CSS定义添加到jQuery对象包含的所有DOM对象上. 2)        hasClass(class):判断该jQuery对象是否包含至少一个具有指定C

jQuery 操作 CSS

jQuery 拥有若干进行 CSS 操作的方法.我们将学习下面这些: addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性 原文地址:https://www.cnblogs.com/borter/p/9495514.html

jquery 操作css样式、位置、尺寸方法汇总

http://955.cc/baqrThttp://955.cc/baqrUhttp://955.cc/baqrVhttp://955.cc/baqrWhttp://955.cc/baqrXhttp://955.cc/baqrYhttp://955.cc/baqrZhttp://955.cc/baqsahttp://955.cc/baqsbhttp://955.cc/baqschttp://955.cc/baqsdhttp://955.cc/baqsehttp://955.cc/baqsfhtt

jquery操作css

样式操作 <p class=”myclass” title=”选择喜欢的水果”>你最喜欢的水果是?<p> 在上面代码中,class也是p元素的属性,因此获取class和设置class都可以用attr()方法来完成 代码如下: Var p_class=$(“p”).attr(“class”); //获取p元素的class 也可以用attr()方法来设置class $(“p”).attr(“class”,”high”); //将p元素的class设置为high 在大多数情况下,它是将原

jquery操作CSS样式全记录

$(this).click(function(){  if($(this).hasClass(“zxx_fri_on”)){    $(this).removeClass(“zxx_fri_on”);  }else{    $(this).addClass(“zxx_fri_on”);  }  return false;});   添加或去除元素集合的class name 1. 使用addClass()方法 addClass(names) 添加names指定的一个或多个class name给wr

jquery 操作css 选择器

.addClass() 为每个匹配的元素添加指定的样式类名 .addClass(className) className 为每个匹配元素所有增加的一个或多个样式名 .addClass(function(index,currentClass)) 函数返回一个或者多个用空格隔开, index 表示参数匹配中的索引位置 this 指向匹配元素集合中的当前元素. $("p").addClass("myClass yourClass"); 给p 这个元素添加这两个类名样式.

jQuery 操作CSS

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="jquery-2.2.4.min.js"></script> <script> $(window).load(function() { var myDiv = $('div') //添加CSS样式

jquery操作html元素之( 获取并设置 CSS 类)

jQuery 操作 CSS jQuery 拥有若干进行 CSS 操作的方法.我们将学习下面这些: addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性 实例样式表 下面的样式表将用于本页的所有例子: .important { font-weight:bold; font-size:xx-large; } .blue { color: