jQuery中的样式操作

操作样式

addClass()添加样式

removeClass()移除样式

toggleClass()切换样式

hasClass()判断是否有样式

css()设置匹配元素的css样式(行内样式)

jQuery中的样式操作_第1张图片

height()获取高度

innerHeight()获取padding的高度,不包括border和margin,会把padding值计算进去

outerHeight(bool) 参数为true时,获取内外边距框和border的高度,如果参数不写,默认值为false,不会把margin值计算进去,如果返回 为true,会把border,margin,padding都计算进去。

width()获取宽度

innerWidth() 获取包括padding的宽度,不包括border

outerWidth()参数为true时获取内外边框和border的宽度

offset()获取元素的位置,是相对于浏览器的距离

offsetParent()离匹配元素最近的有position属性的元素

position()相对于offsetParent()的坐标

scrollTop()纵向滚动条的位置

scrollLeft()横向滚动条的位置

text()获取标签中的文本内容,如果没有参数,会获得匹配元素的文本节点,如果有参数,会修改匹配元素的文本节点。如果标签内只有子元素,用html()才可以获得匹配元素里面的真实内容。在括号内写上文本内容时,会将原来的文本替换。

你可能感兴趣的:(jQuery中的样式操作)