jQuery DIVとAラベル要素の位置を簡単に取得する方法
この例は、jQueryがDIVとAタグ要素の位置を簡単に取得する方法を説明する。皆さんに参考にしてあげます。具体的には以下の通りです。
一、DIVの位置を取得する
ここで述べたように、皆さんのjQueryプログラムの設計に役に立ちます。
一、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プログラムの設計に役に立ちます。