スクールで習って無いですけど?
$(this)という記述がネットで調べてると出てきますね。
jQueryだけじゃなく、Laravelでも似たような物が出てきました。
でもjQueryではもっと直感的にわかりやすいと思いました。とりあえずすぐにアウトプットしておきます
英語のthisと似ているぞ
this
↓
指示語
↓
前に出てきた単語を指す
↓
前に出てきてるセレクタを探す
↓
そのセレクタのこと!!
ホント英語の読解問題の解き方のようなイメージ
thisは対象の一つ、セレクタだとそのセレクタ全部になってしまう
セレクタを探しても、それ全体という訳ではなく、クリックされたセレクタ限定
下のデモで確認。
クリックした物だけアンダーラインが表示されます。
thisを使ったバージョン
See the Pen クリックしたらアンダーライン by 大野原 信 (@rjwxfqli) on CodePen.
this不使用バージョン
これがthisを使っていないと
See the Pen クリックしたらアンダーライン(this不使用) by 大野原 信 (@rjwxfqli) on CodePen.
一つのh5要素をクリックすると全てのh5にアンダーライン!!
if文とクラス名とCSSを駆使してアンダーラインの点灯バージョン
ついでに、アンダーラインが引かれたものをもう一度クリックするとなくなるようにしてみます。
See the Pen thisの理解(thisじゃないver) by 大野原 信 (@rjwxfqli) on CodePen.
thisって便利ですね!
イベントの発生ではクリックされたものだけを対象にすることが多いと思われます。それからidなどで指定して2回、タグとidを記述するかのいずれかになりますかね。
とりあえずthisの便利さがわかったところで、laravelでの使い方も勉強していきます。