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

一、position方法

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

三、scrollTop方法

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

四、scrollLeft方法

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

【jQuery学习】—jQuery操作元素位置相关推荐

jQuery学习笔记——筛选元素集合
filter(expression) 方法利用传入的选择器表达式或筛选函数,从集合中筛选元素. expression为选择器表达式 e.g. 对所有标签<a>中title包含文本spec ...
jquery动效操作元素左右晃动
实际展示的动效效果为一个锦囊持续不断的间隔几秒左右晃动几次,用以提示用户该元素可以点击,查看详细信息 ··· //锦囊晃动 jQuery.fn.shake = function (times, off ...
jQuery学习--jQuery 删除元素
删除元素/内容 jQuery remove() 方法 jQuery remove() 方法删除被选元素及其子元素. remove() 方法移除被选元素,包括所有的文本和子节点. 该方法也会移除被选元素 ...
(二)jquery学习----jquery的效果
jquery的效果 jquery的基本效果包括隐藏.显示.切换,滑动,淡入淡出,以及动画等等. 一.隐藏与显示通过调用hide()和show()方法实现. 语法如下: $(selector).hid ...
从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery ( ...
jQuery框架学习第四天：使用jQuery操作元素的属性与样式
jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQu ...
[转帖]jQuery框架学习第四天：使用jQuery操作元素的属性与样式
一.摘要本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习. 二.前言通过前面几章我们已经能够完全控制jQuery包装集了, 无论是通 ...
[乐意黎转载]从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
一.摘要本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习. 二.前言通过前面几章我们已经能够完全控制jQuery包装集了, 无论是通 ...
jQuery学习小征途
jQuery学习小征途 1.1 初识jQuery 1.2 jQuery选择器 1.2.1 基本选择器 1.2.2 特殊选择器 1.3 jQuery 筛选器 1.3.1 first() 1.3.2 la ...

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

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

一、position方法

三、scrollTop方法

四、scrollLeft方法

【jQuery学习】—jQuery操作元素位置相关推荐

最新文章

热门文章