<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href=".css" /> <title>set your title</title> <script type="text/javascript" src="../jquery.js"></script> <script type="text/javascript"> function show() { alert("show"); } $(document).ready(function() { $("#link").click(function(event) { event.preventDefault(); $(this).hide("slow"); }); $("#link2").click(function(event) { event.preventDefault(); //$(this).hide(); $(this).css('display', 'none') }); $("#link3").click(function(event) { event.preventDefault(); $(this).hide(3000, show); }); $("#link4").click(function(event) { event.preventDefault(); $(this).hide('fast'); }); }); </script> </head> <body> <p> <a href="./">上一级</a> </p> <hr /> <p> <a href="jquery.com" id="link">jquey.com</a> </p> <p> <a href="jquery.com" id="link2">jquey.com</a> </p> <p> <a href="jquery.com" id="link3">jquey.com</a> </p> <p> <a href="jquery.com" id="link4">jquey.com</a> </p> </body> </html>