• jQuery-处理css样式


    1、css方法
    获取匹配元素集合中的第一个元素的样式属性的值 或 设置每个匹配元素的一个或多个CSS属性
    1)获取并设置单个css值
    jQuery对象.css('css属性');
    jQuery对象.css('css属性','值');
    2)获取多个css属性
    jQuery对象.css(css属性数组);
    3)一次设置多个css样式属性
    jQuery对象.css(css属性与值的对象);
    4)以相对值设置样式属性
    jQuery对象.css('css属性','+=10');//数字值之前加上+=或者-=
    这种方式仅适用于数值单位表示的css属性
    5)给第二个参数传入函数来设置样式属性
    函数接受两个参数
    第一个参数表示当前元素的序号
    第二个参数表示当前元素当前属性的值
    函数内部this代表当前的html元素对象
    返回设置的样式
    $('#div1').css('background',function(i,currentValue){
    return 设置的属性值;
    });
    2、针对具体属性的css便捷方法
    除了css方法之外,jQuery还定义了许多方法,用来获取或设置常用css属性及其相关信息!
    1)width方法
    参数说明:
    1>无参数
    得到jQuery对象中第一个元素的宽度
    2>数值或者字符串
    设置jQuery对象中所有元素的宽度
    3>传入函数
    使用函数来设置jQuery对象中所有元素的宽度
    两个参数:第一个表示当前元素序号,第二个参数表示当前元素的当前宽度
    函数内部this代表当前的html元素对象
    返回要设置的值
    2)height方法
    使用方法同上
    作用,获取元素的高度
    设置元素的高度
    3)scrollTop方法
    参数说明:
    1>无参数
    得到jQuery对象中第一个元素垂直滚动条的位置
    2>数值
    设置jQuery对象中所有元素的垂直滚动条的位置
    4)scrollLeft方法
    使用方法同上
    作用,获取/设置 页面或者具体元素水平方向滚动条的位置
    5)outerWidth方法
    得到jQuery对象中第一个元素的宽度,包括内边距和边界
    参数说明:
    false:默认,表示不包括外边距
    true:表示包括外边距
    传入长度字符串或者数值来设置outerWidth
    传入函数进行设置
    函数接收元素的索引位置的设置和旧的outerWidth作为参数
    this代表当前元素的对象
    6)outerHeight方法
    使用方法同上
    得到jQuery对象中第一个元素的高度,包括内边距和边界
    参数同上
    7)innerWidth方法
    得到jQuery对象中第一个元素的内部宽度,包括内边距,但不包括边界和外边距
    参数说明:
    传入长度字符串或者数值来设置innerWidth
    传入函数进行设置
    函数接收元素的索引位置的设置和旧的innerWidth作为参数
    this代表当前元素的对象
    8)innerHeight方法
    使用方法同上
    得到jQuery对象中第一个元素的内部高度,包括内边距,但不包括边界和外边

  • 相关阅读:
    nginx中的超时配置
    ubuntu系统TCP连接参数优化-TIME_WAIT过多解决办法
    python中的raise用法
    pip安装各种模块
    ubuntu上安装python的ldap模块
    docker 打印带时间的日志
    基于Xilinx Zynq Z7045 SoC的CNN的视觉识别应用
    VIVADO下IBERT使用指南
    菜根谭全文及译文
    bit,Byte,Word,DWORD(DOUBLE WORD,DW)
  • 原文地址:https://www.cnblogs.com/yw0219/p/5967506.html
Copyright © 2020-2023  润新知