jQuery簡單獲取DIV和A標簽元素位置的方法
更新時間：2017年02月07日 11:31:12 作者：風起從容
這篇文章主要介紹了jQuery簡單獲取DIV和A標簽元素位置的方法,結(jié)合實例形式分析了jQuery針對頁面div及A標簽元素相關操作技巧,需要的朋友可以參考下
本文實例講述了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屬性
二、獲取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相關內(nèi)容感興趣的讀者可查看本站專題：《jQuery頁面元素操作技巧匯總》、《jquery選擇器用法總結(jié)》、《jQuery表單操作總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery擴展技巧總結(jié)》及《jQuery常見經(jīng)典特效匯總》
希望本文所述對大家jQuery程序設計有所幫助。
相關文章
jquery ajax post提交數(shù)據(jù)亂碼
今天發(fā)現(xiàn)在使用jquery ajax.post提交數(shù)據(jù)時會發(fā)現(xiàn)數(shù)據(jù)在ff正常，但在chrome與ie瀏覽器中post過去的數(shù)據(jù)全部是亂碼2013-11-11
jquery基于layui實現(xiàn)二級聯(lián)動下拉選擇(省份城市選擇)
本篇文章主要介紹了jquery基于layui實現(xiàn)二級聯(lián)動下拉選擇(省份城市選擇)，具有一定的實用價值，需要的朋友可以參考下2017-06-06
這篇文章主要教大家如何快速實現(xiàn)jQuery多級菜單效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要介紹了jquery常用特效方法使用示例,需要的朋友可以參考下2014-04-04
分享一個背景云變換js特效隨著鼠標的移動，背景云會不斷的變化位置和形狀,感興趣的朋友可以研究下2012-12-12
jQuery+datatables插件實現(xiàn)ajax加載數(shù)據(jù)與增刪改查功能示例
這篇文章主要介紹了jQuery+datatables插件實現(xiàn)ajax加載數(shù)據(jù)與增刪改查功能,涉及jQuery結(jié)合datatables插件針對頁面表格實現(xiàn)數(shù)據(jù)加載及增刪改查等相關操作技巧,需要的朋友可以參考下2018-04-04
看了《javascript高級程序設計》里面有個表格排序的例子；覺得很有意思，所以自己用jquery的基本庫做了一個，里面的概念基本和書里面的差不多2010-09-09
jQuery3.0中的buildFragment私有函數(shù)詳解
在 jQuery3.0中，buildFragment 是一個私有函數(shù)，用來構建一個包含子節(jié)點 fragment 對象。下文給大家介紹jQuery3.0中的buildFragment私有函數(shù)詳解，對jquery3.0 buildfragment相關知識感興趣的朋友一起學習吧2016-08-08
jQuery使用addClass()方法給元素添加多個class樣式
這篇文章主要介紹了jQuery使用addClass()方法給元素添加多個class樣式的方法,實例分析了addClass方法的使用技巧及添加多個樣式的實現(xiàn)方法,需要的朋友可以參考下2015-03-03
本文給大家分享的是一段使用jQuery實現(xiàn)的多按鈕單擊之后變色的代碼，非常的簡單實用，有需要的小伙伴可以參考下。2014-11-11