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))
请用今天的努力,让明天没有遗憾。
原文地址:https://www.cnblogs.com/cupid10/p/15617733.html