jQuery簡(jiǎn)單獲取DIV和A標(biāo)簽元素位置的方法
更新時(shí)間：2017年02月07日 11:31:12 作者：風(fēng)起從容
這篇文章主要介紹了jQuery簡(jiǎn)單獲取DIV和A標(biāo)簽元素位置的方法,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁(yè)面div及A標(biāo)簽元素相關(guān)操作技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery簡(jiǎn)單獲取DIV和A標(biāo)簽元素位置的方法。分享給大家供大家參考，具體如下：
一、獲取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}); //設(shè)置DIV的css屬性
二、獲取A標(biāo)簽的位置
<a href="http://localhost/#" rel="external nofollow" onclick="javascript:get_a(this,1)">獲取A標(biāo)簽的位置</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>
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《jQuery頁(yè)面元素操作技巧匯總》、《jquery選擇器用法總結(jié)》、《jQuery表單操作總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery擴(kuò)展技巧總結(jié)》及《jQuery常見(jiàn)經(jīng)典特效匯總》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
JqueryMobile動(dòng)態(tài)生成listView并實(shí)現(xiàn)刷新的兩種方法
本篇文章主要是對(duì)JqueryMobile動(dòng)態(tài)生成listView并實(shí)現(xiàn)刷新的兩種方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-03-03
基于jquery的tab切換 使用的是js的原理。綁定鼠標(biāo)經(jīng)過(guò)事件實(shí)現(xiàn)的。2010-04-04
jquery 學(xué)習(xí)之一 對(duì)象訪(fǎng)問(wèn)
jquery 學(xué)習(xí)之一 對(duì)象訪(fǎng)問(wèn)整理，學(xué)習(xí)jquery的朋友可以參考下。2010-11-11
JQuery 中幾個(gè)類(lèi)選擇器的簡(jiǎn)單使用介紹
類(lèi)選擇器想必很多喜歡jquery的朋友早早就涉及到了吧，它們的使用也應(yīng)該了如指掌了吧，接下來(lái)幫大家溫習(xí)下幾個(gè)簡(jiǎn)單類(lèi)選擇器的使用方法，感興趣的你可以參考下哈，希望對(duì)你有所幫助2013-03-03
jquery 新手學(xué)習(xí)常見(jiàn)問(wèn)題解決方法
jquery 新手入門(mén)參考教程。2010-04-04
jQuery實(shí)現(xiàn)簡(jiǎn)單漂亮的Nav導(dǎo)航菜單效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單漂亮的Nav導(dǎo)航菜單效果,涉及jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)遍歷與操作頁(yè)面元素屬性的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-03-03
Spring shiro + bootstrap + jquery.validate 實(shí)現(xiàn)登錄、注冊(cè)功能
這篇文章主要介紹了Spring shiro + bootstrap + jquery.validate 實(shí)現(xiàn)登錄、注冊(cè)功能,需要的朋友可以參考下2017-06-06
jQuery查找節(jié)點(diǎn)并獲取節(jié)點(diǎn)屬性的方法
這篇文章主要介紹了jQuery查找節(jié)點(diǎn)并獲取節(jié)點(diǎn)屬性的方法,涉及jQuery簡(jiǎn)單獲取節(jié)點(diǎn)及attr與text方法讀取元素屬性的相關(guān)技巧,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了14個(gè)有用的Jquery技巧分享,本文有一些性能優(yōu)化技巧、編碼優(yōu)化技巧、簡(jiǎn)潔方法等,需要的朋友可以參考下2015-01-01
JQuery操作textarea,input,select,checkbox方法
本文給大家匯總介紹了一些JQuery操作textarea,input,select,checkbox的方法和技巧，十分的簡(jiǎn)單實(shí)用，都是小編項(xiàng)目中使用過(guò)的，這里推薦給大家。2015-09-09