回答編集履歴
2
セレクターまわりの説明を変えました。
test
CHANGED
|
@@ -68,17 +68,25 @@
|
|
|
68
68
|
|
|
69
69
|
|
|
70
70
|
|
|
71
|
-
|
|
71
|
+
セレクタというのは**DOMツリーの引換券として機能する文字列**であり、
|
|
72
72
|
|
|
73
73
|
jQueryでは見事にCSSセレクタと同等の機能を作って用意してくれてるわけだ。
|
|
74
74
|
|
|
75
|
+
あくまで引換券なので、DOMそのものはセレクタとは呼ばない。
|
|
75
76
|
|
|
76
77
|
|
|
77
|
-
あくまで引換券なので、DOMそのものはセレクタとは呼ばない。
|
|
78
78
|
|
|
79
|
-
|
|
79
|
+
例えば通販で頼んだ品を当日受け取れず、ゆうパックの不在通知ハガキがポストに入っていたとしよう。
|
|
80
80
|
|
|
81
|
+
この時、不在通知ハガキは通販の品物の引換券だ。
|
|
82
|
+
|
|
83
|
+
これを郵便局に持っていくと通販の品物と交換してくれるが、通販の品物を指指して「不在通知ハガキだ」とは呼ばないのと同じことだね。
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
|
|
81
|
-
|
|
87
|
+
セレクター -> DOMも同様で一方通行の概念なんだ。
|
|
88
|
+
|
|
89
|
+
CSS解析機やjQueryの関数に投げ込んだら対象のDOMは得られるけど、DOMはセレクターではない。
|
|
82
90
|
|
|
83
91
|
|
|
84
92
|
|
|
@@ -130,11 +138,9 @@
|
|
|
130
138
|
|
|
131
139
|
それに応える形で登場したのが、
|
|
132
140
|
|
|
133
|
-
モダンブラウザやIE
|
|
141
|
+
モダンブラウザやIE9以降のブラウザで利用可能の[document.querySelector](https://developer.mozilla.org/ja/docs/Web/API/Document/querySelector)や[document.querySelectorAll](https://developer.mozilla.org/ja/docs/Web/API/Document/querySelectorAll)
|
|
134
142
|
|
|
135
|
-
IE
|
|
143
|
+
(IE8以下も用意はされていましたが、一部セレクタが動作しなかった)
|
|
136
|
-
|
|
137
|
-
|
|
138
144
|
|
|
139
145
|
|
|
140
146
|
|
1
IE9→IE8に修正
test
CHANGED
|
@@ -130,7 +130,11 @@
|
|
|
130
130
|
|
|
131
131
|
それに応える形で登場したのが、
|
|
132
132
|
|
|
133
|
-
モダンブラウザやIE
|
|
133
|
+
モダンブラウザやIE8以降のブラウザで利用可能になった[document.querySelector](https://developer.mozilla.org/ja/docs/Web/API/Document/querySelector)や
|
|
134
|
+
|
|
135
|
+
IE9以降のブラウザで完全対応した[document.querySelectorAll](https://developer.mozilla.org/ja/docs/Web/API/Document/querySelectorAll)
|
|
136
|
+
|
|
137
|
+
|
|
134
138
|
|
|
135
139
|
|
|
136
140
|
|