jQuery 2 イベントを理解する - 芸大Webデザイン演習B

‣
‣

<script src="http://www.google.com/jsapi"></script>
<script>google.load("jquery", "1");</script>

‣
‣

‣

<script>
$(function() {

$("h1").fadeOut(3000);

});

</script>

‣

<script>
$(function() {

$("h1").fadeOut(3000);

});
</script>

‣
‣

<script>
$(function() {

$("h1").fadeOut(3000);

});
</script>

‣
‣

<script>
$(function() {

$("h1").fadeOut(3000)
.fadeIn(3000);

});
</script>

‣

‣
‣
‣

$(function() {

...

});

‣
‣

$(function() {
...
});

$(document).ready(function() {
...
});

‣

‣
‣

<script src=" "></script>

‣

<script src="script.js"></script>

‣

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>jQuery </title>
</head>
<body>

</body>
</html>

‣
‣
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<img src="test.jpg" alt="jQuery " />
</body>
</html>

‣

‣

$(function(){

});

‣

‣

$(function(){
$("img").click(function(){

});
});

‣

‣

$(function(){
$("img").hide();
});
});

‣

‣
$(function(){
$("img").fadeOut(1000);
});
});

‣

$(function(){
$(this).fadeOut(1000);
});
});

‣
‣
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<img src="test1.jpg" alt=" 1" /><br />
<img src="test4.jpg" alt=" 4" />
</body>
</html>

‣
‣
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<nav>
<ul>
<li><a href="#"> 1</a></li>
<li><a href="#"> 2</a></li>
<li><a href="#"> 3</a></li>
<li><a href="#"> 4</a></li>
</ul>
</nav>
</body>
</html>

‣

$(function(){
$("a:eq(0)").click(function(){
$("img").attr("src","test1.jpg");
});
});
});
});
});

jQuery 2 イベントを理解する - 芸大Webデザイン演習B

More Related Content

Viewers also liked (20)

More from Atsushi Tadokoro (20)

jQuery 2 イベントを理解する - 芸大Webデザイン演習B

Editor's Notes