質問編集履歴
2
文章修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -150,8 +150,49 @@
|
|
|
150
150
|
なぜこんなことを疑問に思ったかというと、
|
|
151
151
|
他コードclickメソッドを勉強中に、
|
|
152
152
|
|
|
153
|
-
|
|
153
|
+
clickメソッドの時は同じような
|
|
154
154
|
<li><a href="#">Menu1</a>
|
|
155
155
|
といったようなコードがあった時に
|
|
156
156
|
$(”a”).click(function(){'}))といったようなaタグをクリックして作動させているからです。
|
|
157
157
|
クリックメソッドの時はaタグにして、ホバーの時はなぜli要素に指定するのかがいまいちわかりません。
|
|
158
|
+
|
|
159
|
+
ちなみにその時のコードは
|
|
160
|
+
```html
|
|
161
|
+
<!doctype html>
|
|
162
|
+
<html>
|
|
163
|
+
<head>
|
|
164
|
+
<meta charset="UTF-8">
|
|
165
|
+
<title>Lesson07</title>
|
|
166
|
+
<link rel="stylesheet" href="css/reset.css">
|
|
167
|
+
<link rel="stylesheet" href="css/style.css">
|
|
168
|
+
<script src="js/jquery-2.1.4.min.js"></script>
|
|
169
|
+
<script src="js/script.js"></script>
|
|
170
|
+
</head>
|
|
171
|
+
<body>
|
|
172
|
+
<header>
|
|
173
|
+
<h1>Viewer</h1>
|
|
174
|
+
</header>
|
|
175
|
+
<main>
|
|
176
|
+
<figure><img src="img/img1.jpg" width="640" height="400" alt="Photo"></figure>
|
|
177
|
+
<ul>
|
|
178
|
+
<li><a href="img/img1.jpg"><img src="img/thumb1.jpg" width="80" height="50" alt="Photo1"></a></li>
|
|
179
|
+
<li><a href="img/img2.jpg"><img src="img/thumb2.jpg" width="80" height="50" alt="Photo2"></a></li>
|
|
180
|
+
<li><a href="img/img3.jpg"><img src="img/thumb3.jpg" width="80" height="50" alt="Photo3"></a></li>
|
|
181
|
+
</ul>
|
|
182
|
+
</main>
|
|
183
|
+
</body>
|
|
184
|
+
</html>
|
|
185
|
+
```
|
|
186
|
+
|
|
187
|
+
```jQuery
|
|
188
|
+
$(function(){
|
|
189
|
+
$("a").click(function(){
|
|
190
|
+
$("figure img").attr("src",$(this).attr("href"));
|
|
191
|
+
return false;
|
|
192
|
+
});
|
|
193
|
+
|
|
194
|
+
|
|
195
|
+
});
|
|
196
|
+
```
|
|
197
|
+
|
|
198
|
+
拙い説明で申し訳ないのですが教えていただけると幸いです。
|
1
文章修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -147,3 +147,11 @@
|
|
|
147
147
|
$("#navi")children("li")はなんで「li」を指定するのでしょうか？
|
|
148
148
|
li内にあるaタグで指定するとhoverが反応しないのはなぜなのでしょうか？
|
|
149
149
|
|
|
150
|
+
なぜこんなことを疑問に思ったかというと、
|
|
151
|
+
他コードclickメソッドを勉強中に、
|
|
152
|
+
|
|
153
|
+
ckickメソッドの時は同じような
|
|
154
|
+
<li><a href="#">Menu1</a>
|
|
155
|
+
といったようなコードがあった時に
|
|
156
|
+
$(”a”).click(function(){'}))といったようなaタグをクリックして作動させているからです。
|
|
157
|
+
クリックメソッドの時はaタグにして、ホバーの時はなぜli要素に指定するのかがいまいちわかりません。
|