jQuery - 基本使用_(param, callback, $page) jquery-优快云博客

本文链接：https://blog.youkuaiyun.com/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 );
 
});