首页 > web前端 > 前端问答 > jquery样式操作有哪些

jquery样式操作有哪些

青灯夜游
发布: 2021-11-16 17:00:45
原创
2381 人浏览过

jquery样式操作:1、使用css()设置或返回匹配元素的样式属性;2、使用height()设置或返回匹配元素的高度;3、用offset()返回第一个匹配元素相对于文档的位置;4、用offsetParent()返回最近的定位祖先元素等等。

jquery样式操作有哪些

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery中的样式操作

1、css()

css() 方法返回或设置匹配的元素的一个或多个样式属性。

语法:

//返回样式属性值
$(selector).css(name)

//设置样式属性
$(selector).css(name,value)
$(selector).css({property:value, property:value, ...})
登录后复制

2、height()

height() 方法返回或设置匹配元素的高度。

语法:

//返回样式高度
$(selector).height()

//设置样式高度
$(selector).height(length)
登录后复制

3、width()

width() 方法返回或设置匹配元素的宽度。

语法:

$(selector).width()
$(selector).width(length)
登录后复制

4、offset()

offset() 方法返回或设置匹配元素相对于文档的偏移(位置)。

语法:

$(selector).offset()
$(selector).offset(value)
登录后复制

5、offsetParent()

offsetParent() 方法返回最近的祖先定位元素。

定位元素指的是元素的 CSS position 属性被设置为 relative、absolute 或 fixed 的元素。

可以通过 jQuery 设置 position,或者通过 CSS 的 position 属性。

语法:

$(selector).offsetParent()
登录后复制

6、position()

position() 方法返回匹配元素相对于父元素的位置(偏移)。

该方法返回的对象包含两个整型属性:top 和 left,以像素计。

此方法只对可见元素有效。

语法:

$(selector).position()
登录后复制

7、scrollLeft()

scrollLeft() 方法返回或设置匹配元素的滚动条的水平位置。

滚动条的水平位置指的是从其左侧滚动过的像素数。当滚动条位于最左侧时,位置是 0。

语法:

//返回水平滚动条位置
$(selector).scrollLeft()

//设置水平滚动条位置
$(selector).scrollLeft(position)
登录后复制

8、scrollTop()

scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。

scroll top offset 指的是滚动条相对于其顶部的偏移。

如果该方法未设置参数,则返回以像素计的相对滚动条顶部的偏移。

语法:

$(selector).scrollTop(offset)
登录后复制

相关教程推荐:jQuery视频教程

以上是jquery样式操作有哪些的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板