JQuery学习系列（八）CSS

jQuery 拥有三种用于 CSS 操作的重要函数：

• $(selector).css(name,value)
• $(selector).css({properties})
• $(selector).css(name)

实例

$(selector).css(name,value)
$("p").css("background-color","red");

$(selector).css({properties})
$("p").css({"background-color":"red","font-size":"200%"});

$(selector).css(name)
$(this).css("background-color");

jQuery 拥有两种用于尺寸操作的重要函数：

• $(selector).height(value)
• $(selector).width(value)

实例

$(selector).height(value)
$("#id100").height("200px");

 

$(selector).width(value)
$("#id200").width("300px");

常见JQuery CSS函数：

CSS 属性	描述
css()	设置或返回匹配元素的样式属性。
height()	设置或返回匹配元素的高度。
offset()	返回第一个匹配元素相对于文档的位置。
offsetParent()	返回最近的定位祖先元素。
position()	返回第一个匹配元素相对于父元素的位置。
scrollLeft()	设置或返回匹配元素相对滚动条顶部的偏移。
scrollTop()	设置或返回匹配元素相对滚动条左侧的偏移。
width()	设置或返回匹配元素的宽度。