【jQuery】クリックイベントと効かない時の対処方法
- 2022.04.17
- 備忘録
今回はjQueryでクリック操作を検知して、イベント処理を実行する方法について解説していきます。click()とon()の違いやクリックイベントが効かない時の対処方法についても紹介していきます。 click()メソッド クリックイベントと言えばこれです。言い換えると、「通常のクリックイベントだけを実行するならこれで良い」と言ってもいいかもしれません。次の例はボタン1が押された時のイベント処理です。 […]
jQuery
【jQuery】属性の取得・設定・削除方法まとめ
- 2022.04.05
- 備忘録
jQueryの属性操作についてまとめました。属性の取得・設定・削除方法について解説していきます。 attr(name) マッチした最初の要素の指定された属性を返すメソッドです。 【実行結果】 attr(key, value) マッチした全ての要素の指定された属性に、指定された値を設定するメソッドです。 attr(properties) マッチした全ての要素に、複数の属性を同時に設定するメソッドです […]
【jQuery】クラス追加・削除・変更・確認・トグルについて
- 2022.04.03
- 備忘録
jQueryでクラスの操作についてまとめました。クラスの追加・削除・変更・存在の確認そしてトグルの使い方について解説していきます。 addClass()メソッド addClass()メソッドは対象の要素に指定のクラスを追加するメソッドです。 removeClass()メソッド removeClass()メソッドは対象の要素から指定のクラスを削除するメソッドです。 hasClass()メソッド ha […]
【jQuery】要素の11種類の追加方法まとめ
- 2022.04.03
- 備忘録
jQueryで要素を追加する方法についてまとめました。11種類の追加方法について、それぞれの挙動の違いを実例を挙げながら解説します。 append() 対象の要素内の一番最後にコンテンツを追加 appendTo() 対象の要素内の一番最後にコンテンツを追加 prepend() 対象の要素内の一番最初にコンテンツを追加 prependTo() 対象の要素内の一番最初にコンテンツを追加 after() […]
【jQuery】親要素の3つの取得方法まとめ
- 2022.04.02
- 備忘録
jQueryで親要素の取得についてまとめました。parent()・parents()・closest()の使い方と使い分けについても解説していきます。「同じようなメソッドが3つもあるので、どれを使っていいのかわからない」なんて疑問もこの記事を見れば解決です。 3つのメソッドについて簡単にまとめると次のようになります。 parent([seletcor]) 1個上の親要素を取得するならこれ pare […]