【jQuery学习】—jQuery操作元素位置

简介: 【jQuery学习】—jQuery操作元素位置

jQuery学习】—jQuery操作元素位置

一、position方法

  • 作用:返回相对某个元素的偏移量
  • 格式:元素.position()
  • 返回值包含top属性和left属性的对象
  • 如果祖先元素中没有定位,参考对象为document
  • 如果祖先元素中有定位,参考对象为离他最近的且具有定位的祖先元素


三、scrollTop方法

  • 作用:获取或者设置匹配元素相对滚动条顶部的偏移(获取容器的scrollTop)
  • 获取格式:元素.scrollTop()
  • 设置格式:元素.scrollTop(值)

四、scrollLeft方法

  • 作用:获取或者设置匹配元素相对滚动条左侧的偏移
  • 获取格式:元素.scrollLeft()
  • 设置格式:元素.scrollLeft(值)


相关文章
|
3月前
|
前端开发 JavaScript
如何利用jQuery来向一个元素中添加和移除CSS类?
如何利用jQuery来向一个元素中添加和移除CSS类?
20 0
|
2月前
|
XML JavaScript 前端开发
JavaScript学习 -- jQuery库
JavaScript学习 -- jQuery库
16 0
|
2月前
|
JavaScript 前端开发
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
12 0
|
2月前
|
JavaScript
jQuery事件2-第6次课-给未来的元素绑事件-事件对象-JS盒模型-附案例、任务
jQuery事件2-第6次课-给未来的元素绑事件-事件对象-JS盒模型-附案例、任务
17 0
|
2月前
|
JavaScript
jQuery DOM2-第4次课-从某个元素出发,往上下左右找祖先、后代、兄弟然后对其进行增删改-附资料作业笔记
jQuery DOM2-第4次课-从某个元素出发,往上下左右找祖先、后代、兄弟然后对其进行增删改-附资料作业笔记
16 0
|
2月前
|
JavaScript
jQuery -第3次课-DOM操作元素属性-样式等-附资料、作业
jQuery -第3次课-DOM操作元素属性-样式等-附资料、作业
20 0
|
2月前
|
JavaScript 前端开发 数据安全/隐私保护
jQuery选择器-第2次课-大部分跟CSS3选择器类似-几乎没有学习成本-附案例-作业等
jQuery选择器-第2次课-大部分跟CSS3选择器类似-几乎没有学习成本-附案例-作业等
13 0
|
2月前
|
JavaScript 前端开发 API
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
22 0
|
2月前
|
JavaScript 索引
jquery操作select(取值,设置选中)
jquery操作select(取值,设置选中)
|
3月前
|
JavaScript 前端开发
jQuery 第八章(jQuery操作dom元素)
jQuery 第八章(jQuery操作dom元素)
51 0

相关产品

  • 云迁移中心
  • 相关课程

    更多