回答編集履歴
2
修正
test
CHANGED
@@ -98,6 +98,6 @@
|
|
98
98
|
|
99
99
|
|
100
100
|
|
101
|
-
thisも同じように、
|
101
|
+
thisも同じように、alertや、Console.logで出力して中身を確認して、
|
102
102
|
|
103
103
|
まずは深く考えなくていいと思います。
|
1
追記
test
CHANGED
@@ -49,3 +49,55 @@
|
|
49
49
|
Ajaxやアニメーションになってくると、jQueryの使い方を勉強する必要がありますが、
|
50
50
|
|
51
51
|
それも調べればすぐ出てきますので、必要になった時に調べればいいです。
|
52
|
+
|
53
|
+
|
54
|
+
|
55
|
+
###追記
|
56
|
+
|
57
|
+
そういえば、JavaScriptに慣れていないと、高階関数で混乱するかもしれませんね。。。
|
58
|
+
|
59
|
+
高階関数とは、関数自体を引数にしたり、戻り値にしたりする関数です。。
|
60
|
+
|
61
|
+
この説明の時点でもう難しいですからね。。。
|
62
|
+
|
63
|
+
|
64
|
+
|
65
|
+
あとは `this` の存在です。
|
66
|
+
|
67
|
+
`this`が今何を指しているのか?ってのはJavaScript全般で混乱します。
|
68
|
+
|
69
|
+
|
70
|
+
|
71
|
+
```JavaScript
|
72
|
+
|
73
|
+
$("#button").on("click", function() {
|
74
|
+
|
75
|
+
// 押された時の処理
|
76
|
+
|
77
|
+
// この中でのthisは、#buttonの要素
|
78
|
+
|
79
|
+
});
|
80
|
+
|
81
|
+
|
82
|
+
|
83
|
+
$("ul.image-list li").each(function() {
|
84
|
+
|
85
|
+
// この中のthisは、li要素
|
86
|
+
|
87
|
+
});
|
88
|
+
|
89
|
+
```
|
90
|
+
|
91
|
+
上記のような、on関数やeach関数の引数に、関数を渡すというやつですが、
|
92
|
+
|
93
|
+
これはもう、まずはこういうものだと割り切って覚えればいいんじゃないでしょうか。。。
|
94
|
+
|
95
|
+
こういうのはjQueryとか関係なく、JavaScriptの文法なので、
|
96
|
+
|
97
|
+
いずれはJavaScriptを基礎から勉強すべきだと思います。
|
98
|
+
|
99
|
+
|
100
|
+
|
101
|
+
thisも同じように、Alertや、Console.logで出力してみて中身を確認して、
|
102
|
+
|
103
|
+
まずは深く考えなくていいと思います。
|