2021-09-18

IT・Web

jQueryの基本4:よく使われるjQueryの単語集④

よく使われているjQueryの単語の意味や使い方の事例をまとめました。 条件分岐 ●条件を比較し、処理を分岐する if{ //条件を比較 } else if{ //さらに条件を比較 } else{ //それ以外 }...
IT・Web

jQueryの基本4:よく使われるjQueryの単語集③

よく使われているjQueryの単語の意味や使い方の事例をまとめました。 独自の名前を付けて定義する ●var(変数を定義する) var headerH = $('#header').outerHeight(true); //ヘッダーの...
IT・Web

jQueryの基本4:よく使われるjQueryの単語集②

よく使われているjQueryの単語の意味や使い方の事例をまとめました。 要素を取得する・見つける ●parent(指定した要素の親要素を取得する) $('.accordion').parent().addClass('active...
IT・Web

jQueryの基本4:よく使われるjQueryの単語集①

よく使われているjQueryの単語の意味や使い方の事例をまとめました。 クラス名があるかどうかの判定・追加・削除 ●hasClass(クラスの有無を調べる) if($'li').hasClass('close')){ //liにク...
IT・Web

jQueryの基本3:動くきっかけが複数ある時のまとめ方

「画面が読み込まれた後」かつ「スクロールをした時」に要素を動かしたい、といった動くきっかけが複数ある場合、動きに独自の名前(関数)をつけてまとめ、それぞれの動きのきっかけに指定することができます。 (例)画面が読み込まれた後に要素をふわっ...
IT・Web

jQueryの基本2: jQueryで動くきっかけを自作のJavaScriptに指定する

「画面が読み込まれた後に動く」「スクロールしたら動く」「クリックしたら動く」といったjQueryの代表的な「動くきっかけ」の記述の仕方を理解していきましょう。 動く「きっかけ」を指定する基本的な記述 1)画面の読み込み時に動く $...
タイトルとURLをコピーしました