jQuery简单获取DIV和A标签元素位置的方法
2017-02-07 11:31
573 查看
一、获取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属性
二、获取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>
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery页面元素操作技巧汇总》、《jquery选择器用法总结》、《jQuery表单操作总结》、《jQuery常用插件及用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》及《jQuery常见经典特效汇总》
希望本文所述对大家jQuery程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- jquery获取div里面的第一个子元素方法总结
- 关于jquery html()方法获取带有OBJECT标签的元素内容时,出现“类型不匹配。”的解决办法
- jquery获取滚动条高度和位置,JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- [转载]JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- jquery获取html元素的绝对位置坐标和相对父元素的位置坐标方法
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- jQuery获取页面元素绝对与相对位置的方法
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- jQuery获取页面元素绝对与相对位置的方法
- jQuery使用scrollTop获取div标签的滚动条已滚动高度(jQuery版本1.6+时,用prop()方法代替attr()方法)
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- jquery 获取div下的第一个子元素方法总结
- 夺命雷公狗jquery---50获取div元素并且通过each方法遍历
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- jQuery提供的获取元素位置的接口方法
- jQuery提供的获取元素位置的接口方法