WEB MEMO LOG

【JS】ブラウザの高さを自動で取得しCSSに設定する方法

【JS】ブラウザの高さを自動で取得しCSSに設定する方法

フル画面やファーストビューでブラウザの高さいっぱいにビジュアルを表示したい場合、幅は「width:100%;」で設定できますが、ブラウザの高さを取得して、その値をCSSに反映する方法をメモメモ。 【参考】【jQuery】表示しているブラウザの高さを取得してCSSのheightに指定 | Webデザインラボ

【JS】子要素に特定のクラスがあった場合に親要素にクラスを追加する等、jQueryでよく使うメソッド

【JS】子要素に特定のクラスがあった場合に親要素にクラスを追加する等、jQueryでよく使うメソッド

クリック時にクラスを追加するなど、よく使用するjQueryのメソッドをメモメモ。 ▼CSSの操作 ▼クリック時の処理 ▼クラスを追加 ▼画像名の変更

【JS】jQueryでブラウザの画面サイズで処理を判定する方法

【JS】jQueryでブラウザの画面サイズで処理を判定する方法

レスポンシブサイト等で、スマホのときには特定の処理をして、PCの場合は処理をしたくない場合がありますよね。 例えば、スマホではアコーディオンでクリックしたら詳細を表示するけど、PCの場合はアコーディオンを使用せず、詳細を常に表示状態にするなど・・・。 そんなときのための、ブラウザの画面サイズによって、処理をする方法をメモメモ。 ▼読み込み時とリサイズ時の画面サイズによって処理を判定する ▼リサイズ・・・

【JS】parent?parents?closest?jQueryで親要素があるか判別する方法

【JS】parent?parents?closest?jQueryで親要素があるか判別する方法

jQueryで特定の親要素があるかないかを判別して特定の処理を行いたい場合の方法をメモメモ。 ▼closestを使用して判別 親要素を判別する方法として、「parent()」「parents()」「closest()」があります。 ・parent() 直近の親要素を取得 ・parents() 親要素、先祖要素まで取得 ・closest() 親要素、先祖要素のうち直近の要素を取得 【参考】jQuer・・・

【JS】jQueryで特定の要素(セレクタ)を対象外にする方法

【JS】jQueryで特定の要素(セレクタ)を対象外にする方法

jQueryで動作を設定しているけど、特定の要素のみ動作を行いたくない場合があるかと思います。 例えば、「#」のリンクをクリックしたときにページ内でスルスルとスクロールするjQueryを使用していた場合、特定の要素(タブメニュー等)のみスルスルと移動するのを無効にする方法をメモメモ。 ▼特定の要素のみページをスルスルとしない方法

【JS】要素のidやclassに特定の値が設定されていたら、処理を行う

【JS】要素のidやclassに特定の値が設定されていたら、処理を行う

jQueryを使用して要素のidやclassに特定の値が設定されていた場合、bodyにclassの値を付与するなど、何かしらの処理を行う方法をメモメモ。