jQuery CSS相关函数

来源:互联网 发布:du指令文件夹linux命令 编辑:程序博客网 时间:2024/05/16 15:17

1.css("属性名"):取得第一个匹配元素样式属性的值。
eg:$("P").css("color");
2.css({属性名:值对}):在所有匹配元素设置样式属性。
eg:$("p").css({color:"#bbffaa",background:"blue"});
$("p").css({"margin-left":"10px","background-color":"blue"});
3.css("属性","值"):在所有匹配元素设置一个样式属性值。
eg:$("p").css("color","red");
4.offset():获取匹配元素在当前视口的相对偏移。
注意:返回的对象包含两个整形属性:top和left,此方法只对可见元素有效。
5.position():获取匹配元素相对父元素的偏移。
注意:返回的对象包含两个整形属性:top和left,此方法只对可见元素有效。
6.scrollTop():获取匹配元素相对滚动条顶部的偏移。
注意:返回整型值,此方法对可见和隐藏元素均有效。
7.scrollTop(val):设置滚动条顶部偏移为该值。
注意:返回jQuery值,此方法对可见和隐藏元素均有效。
8.scrollLeft():获取匹配元素相对滚动条左侧的偏移。
注意:返回整型值,此方法对可见和隐藏元素均有效。
9.scrollLeft(val):设置滚动条左侧偏移为该值。
注意:返回jQuery值,此方法对可见和隐藏元素均有效。
10.height():取得第一个匹配元素当前计算的高度值(px)。
11.height(val):为每个匹配的元素设置CSS高度(hidth)属性的值。
注意:如果没有明确指定单位(如:em或%),使用px。
eg:$("p").height(20);//将所有段落高设为20px。
12.width():取得第一个匹配元素当前计算的宽度值(px)。
13.width(val):为每个匹配的元素设置CSS宽度(width)属性的值。
注意:如果没有明确指定单位(如:em或%),使用px。
eg:$("p").width(20); //将所有段落的宽设为20px。
14.innerHeight():获取第一个匹配元素内部区域高度(包括补白不包括边框)。
15.innerWidth():获取第一个匹配元素内部区域宽度(包括补白不包括边框)。
16.outerHeight(options):获取第一个匹配元素外部高度(默认包括补白和边框)。
注意:options(Boolean):(false)设置为true时,计算边距在内。
17.outerWidth(options):获取第一个匹配元素外部宽度(默认包括补白和边框)。
注意:options(Boolean):(false)设置为true时,计算边距在内。

原创粉丝点击