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程序設計有所幫助。
相關文章
JqueryMobile動態(tài)生成listView并實現(xiàn)刷新的兩種方法
本篇文章主要是對JqueryMobile動態(tài)生成listView并實現(xiàn)刷新的兩種方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
基于jquery的tab切換 使用的是js的原理。綁定鼠標經(jīng)過事件實現(xiàn)的。2010-04-04
jquery 學習之一 對象訪問整理，學習jquery的朋友可以參考下。2010-11-11
類選擇器想必很多喜歡jquery的朋友早早就涉及到了吧，它們的使用也應該了如指掌了吧，接下來幫大家溫習下幾個簡單類選擇器的使用方法，感興趣的你可以參考下哈，希望對你有所幫助2013-03-03
jquery 新手入門參考教程。2010-04-04
這篇文章主要介紹了jQuery實現(xiàn)簡單漂亮的Nav導航菜單效果,涉及jQuery響應鼠標事件動態(tài)遍歷與操作頁面元素屬性的相關實現(xiàn)技巧,需要的朋友可以參考下2017-03-03
Spring shiro + bootstrap + jquery.validate 實現(xiàn)登錄、注冊功能
這篇文章主要介紹了Spring shiro + bootstrap + jquery.validate 實現(xiàn)登錄、注冊功能,需要的朋友可以參考下2017-06-06
jQuery查找節(jié)點并獲取節(jié)點屬性的方法
這篇文章主要介紹了jQuery查找節(jié)點并獲取節(jié)點屬性的方法,涉及jQuery簡單獲取節(jié)點及attr與text方法讀取元素屬性的相關技巧,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了14個有用的Jquery技巧分享,本文有一些性能優(yōu)化技巧、編碼優(yōu)化技巧、簡潔方法等,需要的朋友可以參考下2015-01-01
JQuery操作textarea,input,select,checkbox方法
本文給大家匯總介紹了一些JQuery操作textarea,input,select,checkbox的方法和技巧，十分的簡單實用，都是小編項目中使用過的，這里推薦給大家。2015-09-09