<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery入门</title>
<style>
a.test {
font-weight: bold;
}
</style>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
<script src="jquery.js"></script>
<script>
$("a").addClass("test");
//将<a>中的元素加粗
$("a").removeClass("test");
//删除<a>中加粗的效果
$(document).ready(function () {
$("a").click(function (event) {
alert("这个链接将不再把您带到jquery.com!");
event.preventDefault();
});
});
//阻止点击的事件发生并弹出小窗口进行提示
$("a").click(function (event) {
event.preventDefault();
$(this).hide("slow");
});
//<a>中元素逐渐消失的特效
$.get("myhtmlpage.html", myCallBack);
//无参数的回调
//当$ .get()完成获取页面时myhtmlpage.html,它会执行该myCallBack()函数。
//注意:这里的第二个参数只是函数名称(但不是字符串,没有括号)。
$.get("myhtmlpage.html", function () {
myCallBack(param1, param2);
});
//有参数的回调
//当$.get()完成获取页面myhtmlpage.html,它执行的匿名函数,
//它执行myCallBack( param1, param2 )
</script>
</body>
</html>