JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。
Q&A
解決済
1回答
2547閲覧
総合スコア18
0グッド
0クリップ
投稿2018/06/04 03:45
0
jQuery offset().top で縦座標が取得できますが、 同じclass名の各縦座標を取得するにはどうすればよいのでしょうか。
<div class="aaa"></div> <div class="aaa"></div> <div class="aaa"></div>
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
質問へのコメント
回答1件
ベストアンサー
単純に参照するならeach、まとめて参照したいならmap
CSS1.aaa{height:100px;"}
CSS
1.aaa{height:100px;"}
javascript1$(function(){ 2 $('.aaa').each(function(){ 3 console.log($(this).offset().top); 4 }); 5 console.log($('.aaa').map(function(){ 6 return $(this).offset().top; 7 }).get()); 8});
javascript
1$(function(){ 2 $('.aaa').each(function(){ 3 console.log($(this).offset().top); 4 }); 5 console.log($('.aaa').map(function(){ 6 return $(this).offset().top; 7 }).get()); 8});
HTML1<div class="aaa">1</div> 2<div class="aaa">2</div> 3<div class="aaa">3</div>
HTML
1<div class="aaa">1</div> 2<div class="aaa">2</div> 3<div class="aaa">3</div>
投稿2018/06/04 03:53
総合スコア118164
回答へのコメント
2018/06/04 04:01
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
15分調べてもわからないことはteratailで質問しよう!
ただいまの回答率85.29%
質問をまとめることで思考を整理して素早く解決
テンプレート機能で簡単に質問をまとめる
jQuery offset().top 同じclass名の各縦座標を取得したい
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/06/04 04:01