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に関するものについてもっと興味がある方は、本駅のテーマを見てください。「jQueryページの要素の操作の技巧のまとめ」「jqueryセレクタの使い方のまとめ」「jQueryフォーム操作のまとめ」「jQuery常用プラグインと使い方のまとめ」「jQuery表の操作テクニックまとめ」「jQuery拡張テクニックのまとめ」「jQueryよくある経典効果のまとめ
ここで述べたように、皆さんのjQueryプログラムの設計に役に立ちます。