こりんこりん

画面法事速度は３秒を超えるとユーザーは離脱しやすくなる ローディング画面はサイト読み込みの進捗状況をユーザーに伝える役割を担っています。 しかし、たとえローディング画面を表示させても、表示に時間がかかると、ユーザーはサイトから離れやすく...

jQueryとCSSを組み合わせて「動くきっかけを指定して動かす」方法を理解します。 基本的な考え方 動くきっかけを指定するには、HTML内の「動かす要素」に「動くきっかけの起点となるクラス名」を付け（クラス名は自由に設定可能です）、j...

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

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

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

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

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

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

jQueryの設置方法 jQueryのHTMLへの設置方法は、以下の２つの方法があります。 ①jQueryのサイトからソースコードをダウンロードし設置する。 ②jQueryをダウンロードせずに、インターネット経由で読み込んで設置す...