版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u013275171/article/details/85255802
jQuery基础
jQuery库下载地址：链接
注意：jQuery库通过window对象的两个属性来暴露自己的方法和属性，它们分别是：jQuery 和 $ ($ 是 jQuery属性的别称)
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery</title>
<script src="./jquery-3.3.1.js"></script>
<style>
a.test {
font-weight: bold;
}
</style>
</head>
<body>
<a href="https://jquery.com/" target="_blank">jQuery</a>
<script>
/*
window.onload 先于 $(document).ready() 执行
控制台列印内容
1. window.onload
2. $(document).ready()
window.onload 这个方法直到页面的图片或者标语广告下载完成，才会执行
若要在文档准备好可以被操作时，立即执行代码，那么就请使用 $(document).ready()
*/
$(document).ready(function () {
console.log("$(document).ready()");
//
// $("a").click(function () {
// alert("Thanks for visiting!");
// });
$("a").click(function (event) {
alert("该超链接不会在跳转至指定页面\n由于加入了：event.preventDefault()");
event.preventDefault(); // 调用该方法，组织该对象的默认行为
$(this).hide("slow"); // 隐藏超链接标签
});
$("a").addClass("test"); // 添加样式类
// $("a").remove("test"); // 移除样式类
});
//
window.onload = function () {
console.log("window.onload");
};
</script>
</body>
</html>回调和函数
回调：callback；函数：function
JavaScript允许自由传递函数以便稍后执行。回调就是一个函数，它被作为参数传递给其他的函数，它在父函数执行完成之后才会被执行。
无参数回调函数
$.get( "myhtmlpage.html", myCallBack );
// 注意第二个参数，仅仅需要写上函数名称，不需要同时写上圆括号有参数回调函数
错误写法：
$.get( "myhtmlpage.html", myCallBack( param1, param2 ) );这种代码的写法，会立即执行myCallBack()方法，之后会将myCallBack()方法的返回值作为第二个参数，传递给$.get()
正确写法：
// 使用匿名函数，包裹回调函数
$.get( "myhtmlpage.html", function() {
myCallBack( param1, param2 );
});