本文實例講述了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相關內容感興趣的讀者可查看本站專題:《jQuery頁面元素操作技巧匯總》、《jquery選擇器用法總結》、《jQuery表單操作總結》、《jQuery常用插件及用法總結》、《jQuery表格(table)操作技巧匯總》、《jQuery擴展技巧總結》及《jQuery常見經典特效匯總》
希望本文所述對大家jQuery程序設計有所幫助。
新聞熱點
疑難解答