前置作業 請到
滑鼠指到 minified 右鍵另存新檔
檔名: jqueryfirst.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<style type="text/css">
a.test { font-weight:bold; font-size:5em; } <!--當執行a時放大五倍-->
</style>
</head>
<body>
<a href="http://ffej1022.blogspot.com/">三明治筆記本</a>
</body>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquerytest.js"></script>
</html>
新開一個筆記本
檔名: jquerytest.js
$(document).ready(function(){
$("a").click(function(event){
alert("hello word");
$("a").addClass("test"); //當執行a時放大五倍
$(this).hide("slow"); //慢慢的隱藏
event.preventDefault(); //停止超連結預設的動作，也就是不要前往另一個網頁
});
沒有留言:
張貼留言