勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

jQueryで要素のleftやwidthを取得

      2018/08/28

jQueryで要素のposition(leftやtop)とwidthとheightを取得したかった。また該当する要素はレスポンシブ対応されていたので可変だった。以下に対応方法をメモ。

 

サンプル

http://sample.taitan916.info/offset/

調べたい要素となっている部分をクリックすると右側にleft / top / width / heightの値が表示される。

 

ソース

 

 - jQuery

  関連記事

Ajaxで負荷軽減

業務中、専用のページでfile_get_contents的なものは あまり使わな ...

Flashを用いずJavaScriptでコピー&カット機能を実装する

以前メモったようなFlashを用いる方法ではなく、WebAPIでコピー& ...

jQueryで画像を遅延ロードする(jquery.lazyload.js)

画像を遅延ロードさせたい時にはlazyloadが便利。 ■ダウンロード http ...

jQueryとCSSの連携

$(function(){ $("#change_small").click(f ...

jQueryプラグインの作成

面白そうだったのでメモ。 ■参考サイト http://www.entacl.in ...

画像をサムネイル⇔クリックで拡大(lightbox)

画像をサムネイル表示してクリックしたら大きく表示する というのがlightbox ...

要素の点滅

やりたかった事はaタグ内で囲まれている部分を点滅。 <blink>だ ...

jquery.snipeの使い方

使い方によっては面白くなりそう。 ■jquery.snipe http://ra ...

アコーディオンメニュー

簡単にアコーディオンメニューを導入したい時に 便利に使えたプラグイン。 ■サンプ ...

Ajaxでボタンとテキストボックス操作

ボタンを押して「https://aaa/bbb/ajax.php」からの 返答を ...