【jQuery】要素の幅を求める & 数値を求めるタイミングの指定

jQueryの基本だと思いますが、各所数値の求め方と、数値を求めるタイミングの指定。

横幅を求める

ウィンドウ縦幅(ページの高さではなく、表示範囲の高さ)
$(window).height();

IDを入れれば、指定されたIDの高さを求めます。
$(‘#headerPosition’).height();

縦幅を求める

ウィンドウ横幅(ページの横幅ではなく、表示範囲の横幅)
$(window).width();

IDを入れれば、指定されたIDの横幅を求めます。
$(‘#headerPosition’).width();

数値を求めるタイミングの指定

画像などが表示されるより前に実行される。
$(function(){

全ての読み込みが完了したら実行される。
$(window).load(function(){

リサイズ(ウィンドウサイズの変更)が完了したら実行される。
$(window).resize(function() {
※PCブラウザの端っこをつまんでウィンドウサイズ変えたとき.スマホの縦向き横向き切り替えたときなど。

読み込みが完了時とリサイズ時の両方で実行される。
$(window).on(‘load resize’, function(){

指定の要素をクリックしたら実行
$(“a”).click(function () {

指定の要素をホバーしたら実行
$(“a”).hover(function () {

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください