jQuery CSS操作(学习笔记)

css() 设置或返回匹配元素的样式属性
返回CSS属性值:$(selector).css(name)
参数:name:规定CSS属性的名称,该参数可包含任何CSS属性
设置CSS属性:
$(selector).css(name,value)
参数:name:规定CSS属性的名称,该参数可包含任何CSS属性
value:规定CSS属性的值
$(selector).css(name:value,name:value… …)
$(selector).css(function(index,value))
参数function():规定返回CSS属性值得函数
index-可选,接受选择器的index位置
value-可选,接收CSS属性的当前值

height() 设置或返回匹配元素的高度
返回元素的高度: ( s e l e c t o r ) . h e i g h t ( ) : (selector).height() 设置元素的高度: (selector).height(length)
参数length:规定元素的高度,如果没有规定长度单位,使用默认的px单位
$(selector).height(function(index,oldheight))
参数function(index,oldheight):规定返回被选元素新高度的函数.
index-可选,即选择器所选中元素的index位置(0~index)
oldheight-可选,接受选择器的当前值

width() 设置或返回元素的宽度
与height差不多

offset() 返回或设置第一个匹配元素相对于文档的位置
此方法返回的对象包含两个整型属性:top,left,以像素为计量单位,此方法仅对可见元素有效
返回偏移坐标:
$(selector).offset()
设置偏移坐标:
$(selector).offset(value)
参树value:规定以像素计得top 和left坐标,value是一个对象格式得参树例如:{left:33,top:33)
$(selector).offset(function(index,oldoffset)
参数function(index,oldoffset):此函数必须返回一个对象,此对象包含两个属性:top,left(对象名不重要,起什么都可以)
index-可选.接受选择器得index位置
oldoffset-可选,接收选择器得当前坐标

offsetParent() 返回最近的先祖定位元素(定位元素是指元素得position属性被设置为relative,abstract,fixed的元素
此方法只是选定此元素,并不对其进行任何操作

position() 返回第一个匹配元素相对于父元素的位置
此方法返回的对象包含两个整型属性:top,left(以像素计),此方法仅对可见元素有效

scrollLeft() 返回或设置匹配元素相对滚动条左侧的偏移,即匹配元素的滚动条的水平位置
该方法对于可见元素和不可见元素均有效
当获取值时,该方法返回第一个匹配元素的scroll left offset
$(selector).scrollLeft()
当用于设置时,该方法设置所有匹配元素的scroll left offset
$(selector).scrollLeft(offset)
参数offset:以像素计,不加单位

scrollTop() 返回或设置匹配元素相对滚动条顶部的偏移,即匹配元素的滚动条的垂直位置
该方法对于可见元素和不可见元素均有效
当获取值时,该方法返回第一个匹配元素的scroll top offset
$(selector).scrollTop()
当用于设置时,该方法设置所有匹配元素的scroll top offset
$(selector).scrollTop(offset)

猜你喜欢

转载自blog.csdn.net/qq_44858021/article/details/90722768