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

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

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

一、position方法

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


三、scrollTop方法

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

四、scrollLeft方法

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


相关文章
|
1月前
|
JavaScript 前端开发
使用jQuery操作DOM元素
使用jQuery操作DOM元素
16 1
|
1月前
|
JavaScript
jQuery遍历div,判断是否为空,为空时执行某个操作
jQuery遍历div,判断是否为空,为空时执行某个操作
9 0
|
1月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
22 1
|
4月前
|
前端开发 JavaScript
如何利用jQuery来向一个元素中添加和移除CSS类?
如何利用jQuery来向一个元素中添加和移除CSS类?
31 0
N..
|
1月前
|
JavaScript 前端开发 容器
jQuery中的DOM操作
jQuery中的DOM操作
N..
14 1
|
1月前
|
前端开发 JavaScript Java
第四章使用jQuery操作DOM元素
第四章使用jQuery操作DOM元素
9 0
|
1月前
|
JavaScript
jQuery操作DOM元素案例
jQuery操作DOM元素案例
10 0
|
1月前
|
JavaScript 索引
jQuery选择器 获取元素的十一种方式
jQuery选择器 获取元素的十一种方式
|
3月前
|
XML JavaScript 前端开发
JavaScript学习 -- jQuery库
JavaScript学习 -- jQuery库
29 0
|
3月前
|
JavaScript 前端开发
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
19 0