jQuery· CSS样式方法

方法	描述
addClass()	向被选元素添加一个或多个类名
after()	在被选元素后插入内容
append()	在被选元素的结尾插入内容
appendTo()	在被选元素的结尾插入 HTML 元素
attr()	设置或返回被选元素的属性/值
before()	在被选元素前插入内容
clone()	生成被选元素的副本
css()	为被选元素设置或返回一个或多个样式属性
detach()	移除被选元素（保留数据和事件）
empty()	从被选元素移除所有子节点和内容
hasClass()	检查被选元素是否包含指定的 class 名称
height()	设置或返回被选元素的高度
html()	设置或返回被选元素的内容
innerHeight()	返回元素的高度（包含 padding，不包含 border）
innerWidth()	返回元素的宽度（包含 padding，不包含 border）
insertAfter()	在被选元素后插入 HTML 元素
insertBefore()	在被选元素前插入 HTML 元素
offset()	设置或返回被选元素的偏移坐标（相对于文档）
offsetParent()	返回第一个定位的祖先元素
outerHeight()	返回元素的高度（包含 padding 和 border）
outerWidth()	返回元素的宽度（包含 padding 和 border）
position()	返回元素的位置（相对于父元素）
prepend()	在被选元素的开头插入内容
prependTo())	在被选元素的开头插入 HTML 元素
prop()	设置或返回被选元素的属性/值
remove()	移除被选元素（包含数据和事件）
removeAttr()l)	从被选元素移除一个或多个属性
removeClass()	从被选元素移除一个或多个类
removeProp()l)	移除通过 prop() 方法设置的属性
replaceAll()l)	把被选元素替换为新的 HTML 元素
replaceWith()	把被选元素替换为新的内容
scrollLeft())	设置或返回被选元素的水平滚动条位置
scrollTop()	设置或返回被选元素的垂直滚动条位置
text()	设置或返回被选元素的文本内容
toggleClass()	在被选元素中添加/移除一个或多个类之间切换
unwrap()	移除被选元素的父元素
val()	设置或返回被选元素的属性值（针对表单元素）
width()	设置或返回被选元素的宽度
wrap()	在每个被选元素的周围用 HTML 元素包裹起来
wrapAll()	在所有被选元素的周围用 HTML 元素包裹起来
wrapInner()	在每个被选元素的内容周围用 HTML 元素包裹起来
$.escapeSelector()	转义CSS选择器中有特殊意义的字符或字符串
$.cssHooks]	提供了一种方法通过定义函数来获取和设置特定的CSS值

（二）css

css

设置匹配的样式属性

$("p").css({ "color": "#ff0011", "background": "blue" });

offset（）

获取匹配元素在当前视口的相对偏移

$("#div2").offset().left
$("#div2").offset().top

position（）

获取匹配元素相对父元素的偏移

$("#div2").position().left;
$("#div2").position().top;

scrollTop（）

获取匹配元素相对滚动条顶部的偏移

$("#div2").scrollTop();

scrollLeft（）

获取匹配元素相对滚动条左侧的偏移

$("#div2").scrollLeft();

height（）

获取第一个匹配元素当前计算的高度值

$("p").height();

设置所有匹配到的元素高度值为20

$("p").height(20);

width（）

获取第一个p元素的宽

$("p").width();

把所有段落的宽设为20

$("p").width(20);

innerHeight（）

获取第一个匹配元素的内部区域的高度（包括补白，不包括边框）

$("p").innerHeight();

outerHeight()

获取第一个匹配元素外部高度（包括补白和边框，此方法对可见和隐藏元素均有效，包括height + padding + border）

$("p").outerHeight();

参数为true时，获取的是height+ padding + border + margin

$("p").outerheight(true))

innerWidth（）

获取第一个匹配元素的内部区域的宽度（包括补白，不包括边框）

$("p").innerWidth();

outerWidth()

获取第一个匹配元素外部高度（包括补白和边框，此方法对可见和隐藏元素均有效，包括width + padding + border）

$("p").outerWidth();

参数为true时，获取的是width + padding + border + margin

$("p").outerWidth(true))