• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > jQuery简单获取DIV和A标签元素位置的方法

jQuery简单获取DIV和A标签元素位置的方法

作者:风起从容 字体:[增加 减小] 来源:互联网 时间:2017-05-11

风起从容通过本文主要向大家介绍了jquery隐藏div标签,jquery div子元素,jquery显示隐藏div,jquery局部刷新div,jquery动态添加div等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

本文实例讲述了jQuery简单获取DIV和A标签元素位置的方法。分享给大家供大家参考,具体如下:

一、获取DIV的位置

var top = jquery("#div_id").offset().top; //获取div的居上位置
var left = jquery("#div_id").offset().left; //获取div的居左位置
var height = jquery("#div_id").height(); //获取div的高度
var width = jquery("#div_id").width(); //获取div的宽度
jquery("#div_id").css({'top':top,'left':left,'height':height,'width':width}); //设置DIV的css属性

</div>

二、获取A标签的位置

<a href="http://localhost/#" rel="external nofollow" onclick="javascript:get_a(this,1)">获取A标签的位置</a>
<script language="javascript">
function get_a(thisObj,param){
 var top = jquery(thisObj).offset().top;
 var left = jquery(thisObj).offset().left;
 var height = jquery(thisObj).height();
 var width = jquery(thisObj).width();
}
</script>

</div>

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery页面元素操作技巧汇总》、《jquery选择器用法总结》、《jQuery表单操作总结》、《jQuery常用插件及用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》及《jQuery常见经典特效汇总》

希望本文所述对大家jQuery程序设计有所帮助。

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • jQuery简单获取DIV和A标签元素位置的方法

相关文章

  • 2017-05-11JS获取多维数组中相同键的值实现方法示例
  • 2017-05-11JavaScript解析JSON格式数据的方法示例
  • 2017-05-11原生js实现瀑布流布局
  • 2017-05-11js实现贪吃蛇小游戏(容易理解)
  • 2017-05-11Angular.js基础学习之初始化
  • 2017-05-11EsLint入门学习教程
  • 2017-05-11JS基于面向对象实现的多个倒计时器功能示例
  • 2017-05-11Bootstrap模态框案例解析
  • 2017-05-11xmlplus组件设计系列之列表(4)
  • 2017-05-11JS打开摄像头并截图上传示例

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 写jQuery插件时的注意点
    • ES6新特性三: Generator(生成器)函数详解
    • javascript 组合按键事件监听实现代码
    • jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
    • JS实现JSON.stringify的实例代码讲解
    • Vue异步组件使用详解
    • ES6下React组件的写法示例代码
    • 分享一道关于闭包、bind和this的面试题
    • 原生JS实现图片翻书效果
    • angular实现form验证实例代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有