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

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

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

一、position方法

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


三、scrollTop方法

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

四、scrollLeft方法

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


相关文章
|
7月前
|
JavaScript 前端开发
使用jQuery操作DOM元素
使用jQuery操作DOM元素
|
2月前
|
JavaScript
jQuery - 添加元素
通过 jQuery,可以很容易地添加新元素/内容。
47 10
|
7月前
|
缓存 JavaScript
|
3月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
3月前
|
JavaScript 前端开发
jQuery - 添加元素
jQuery - 添加元素
25 2
|
3月前
|
JavaScript 前端开发
jQuery - 添加元素
jQuery - 添加元素
30 6
|
4月前
|
JavaScript
分别用jquery和js修改页面元素
分别用jquery和js修改页面元素
42 2
|
4月前
|
前端开发 JavaScript
jQuery改变元素的方法
jQuery改变元素的方法
29 1
|
4月前
|
JavaScript Java
分别使用java script和jQuery添加页面元素
分别使用java script和jQuery添加页面元素
36 0
|
4月前
|
JavaScript
JQuery——动态添加元素导致点击事件失效
JQuery——动态添加元素导致点击事件失效
45 0