jquery样式操作：1、使用css()设置或返回匹配元素的样式属性；2、使用height()设置或返回匹配元素的高度；3、用offset()返回第一个匹配元素相对于文档的位置；4、用offsetParent()返回最近的定位祖先元素等等。
本教程操作环境：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样式操作有哪些的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2944436.html
