`
zhangyaochun
  • 浏览: 2596338 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

jquery基础篇之位置相关

阅读更多

jquery基础篇之位置相关api

 

1、offset()

 

  •  获取匹配元素在当前视口的相对偏移
  •  返回的对象包含两个整形属性top | left 
  •  只对可见元素有效

var span = $('span.icon');
var offset = span.offset();
console.log("left:"+offset.left + ",top:"+offset.top);
 

2、scrollLeft()

  • 获取匹配元素相对滚动条左侧的偏移
  • 可见和隐藏元素均有效

3、scrollTop()

  • 获取匹配元素相对滚动条顶部的偏移
  • 可见和隐藏元素均有效

4、position()

  • 获取匹配元素相对父元素的偏移
  • 返回的对象包含两整型属性:top和left
  • 只对可见元素有效
分享到:
评论

相关推荐

    13jQuery基础使用与样式篇.docx

    **jQuery基础使用与样式** jQuery 是一个广泛使用的 JavaScript 库,它简化了DOM操作、事件处理、动画设计和Ajax交互。在本文中,我们将探讨jQuery的基础使用,特别是关于选择器和样式的应用。 **一、jQuery选择器...

    jQuery Easy UI基础篇

    《jQuery Easy UI基础篇》是针对初学者及开发者的一份宝贵资源,包含了多个关于jQuery Easy UI基础组件的代码示例。这些示例旨在帮助用户快速理解并掌握如何使用这个强大的前端框架来创建交互式和响应式的网页应用。...

    jQuery基础篇

    jQuery基础知识

    jQuery学习小结之基础篇

    NULL 博文链接:https://chenzheng8975.iteye.com/blog/1616594

    Jquery基础教程(第三版)源码

    **jQuery基础教程(第三版)源码解析** jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。在《jQuery基础教程(第三版)》中,作者深入浅出地讲解了...

    android WebView结合jQuery mobile之基础:整合篇

    本篇文章将深入探讨如何将WebView与jQuery Mobile整合,以便为用户提供更丰富的交互体验。jQuery Mobile是一个轻量级、触控优化的前端框架,用于构建响应式移动Web应用程序。 首先,我们需要在Android项目中引入...

    JQuery基础PPT(含demo)

    本资料包含了一个PPT教程和相关示例,是学习jQuery基础知识的理想资源。 ### 一、jQuery简介 jQuery由John Resig于2006年创建,其核心理念是“Write Less, Do More”。通过简化的API,开发者可以快速实现复杂的...

    jQuery基础选择器练习题

    本篇文章将深入探讨jQuery的基础选择器及其在实际编程中的应用,以帮助你更好地理解和掌握这些知识点。 首先,我们来了解一下jQuery的基本选择器。它们是用于选取HTML元素的最基础工具,包括: 1. **ID选择器**: ...

    jQuery选择器基础知识

    本篇文章将深入探讨jQuery选择器的基础知识,包括其类型、用法和实际应用。 ### 1. 基本选择器 基本选择器包括ID选择器(#id)、类选择器(.class)和元素选择器(element)。例如: - `$("#myID")` 选择ID为...

    jQuery设计思想完整篇

    Rebecca Murphey所著的《jQuery基础》(jQueryFundamentals)是被广泛认可的入门书籍,它被jQuery官方团队确认为官方教程基础,并且在Google搜索"jQuery培训"时排在第一位。这本书虽然定位为入门教材,但内容详尽,...

    JQuery入门的例子代码

    在本篇中,我们将深入探讨两个关键文件——"JQuery.html"和"jquery-1.3.2.min.js",它们是初学者了解jQuery基础的典型配置。 首先,我们来看"JQuery.html",这是一个HTML文件,它是网页的基础框架,用于展示jQuery...

    《构建跨平台APP-jQuery.Mobile移动应用实战》 PDF

    第二篇是jQuery Mobile基础篇,介绍了jQuery Mobile中对话框、工具栏、按钮、表单、布局和插件的使用;第三篇是跨平台APP实战篇,介绍了6个使用jQuery Mobile开发的实际APP;第四篇是发布和推广应用篇,介绍了在开发...

    jQuery文档jQuery文档

    一、jQuery基础 1. 快速入门:jQuery库的引入通常通过在HTML文件中添加`<script>`标签来完成。例如: ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ``` 然后,可以使用`$`符号或`...

    jquery基础教程学习

    这篇“jQuery基础教程学习”着重讲解了jQuery中的几个关键Ajax方法,包括$.getJSON()、$.getScript()以及$.get(),这些都是jQuery与服务器进行异步数据交换的核心工具。 首先,$.getJSON()方法是jQuery提供的一个...

    jquery基础部分_源码

    《jQuery基础部分_源码》深入解析 在IT领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画效果以及Ajax交互。本篇将围绕jQuery的基础部分及其源码进行深入探讨,帮助...

    jquery手册jquery的学习jquery的学习

    本篇文章将深入探讨jQuery的核心概念和实用技巧,帮助你全面掌握这个强大的工具。 一、jQuery简介 jQuery是由John Resig在2006年创建的一个轻量级的JavaScript库,它的核心理念是“Write Less, Do More”。jQuery...

    JavaScript之提升篇-Jquery经典入门教程

    本教程将深入探讨JavaScript的基础与提升,特别是结合jQuery的经典入门知识。 一、JavaScript基础 1. 变量与数据类型:JavaScript支持var、let和const三种声明变量的方式,数据类型包括基本类型(如字符串、数字、...

    <html5+css3+js>jquery基础

    本篇文章将深入探讨这些技术,尤其是jQuery的基础知识。 首先,HTML5是超文本标记语言的最新版本,它引入了许多新的元素和API,旨在提高网页的语义性、可访问性和兼容性。例如,`&lt;header&gt;`、`&lt;footer&gt;`、`&lt;section&gt;...

    jquery相关插件js

    本篇将深入探讨jQuery的相关插件及其实现原理,帮助读者理解如何将这些插件融入到自己的项目中,提升网页交互体验。 一、jQuery库基础 jQuery库简化了DOM操作、事件处理、动画效果以及Ajax交互等任务,使得...

    JQuery电子书

    一、jQuery基础 1. **选择器**:jQuery提供了丰富的选择器,如ID选择器(#id),类选择器(.class),元素选择器(element),以及组合选择器,使我们能够更便捷地选取DOM元素。 2. **DOM操作**:jQuery提供了一套简洁的...

Global site tag (gtag.js) - Google Analytics