jQuery插件制作之全局函数用法实例

给您讲解一下“jQuery插件制作之全局函数用法实例”的完整攻略，包含以下几个步骤：

步骤一：定义全局函数

在jQuery中定义全局函数可以使用$.extend()方法，比如下面这个例子：

$.extend({
    myGlobalFunc: function() {
        console.log("I am a global function!")
    }
});

这里定义了一个名为“myGlobalFunc”的全局函数，可以在其他的jQuery插件或者项目中使用。

步骤二：调用全局函数

在其他jQuery插件或者项目中可以直接调用上面定义的全局函数，比如：

$.myGlobalFunc();

这个语句会输出“I am a global function!”到控制台中。

示例一：使用全局函数辅助计时

这是一个例子，通过一个全局函数来辅助计时。下面是HTML代码：

<p>计时器：<span id="timer">0</span>s</p>
<button id="startBtn">开始计时</button>
<button id="stopBtn">停止计时</button>

下面是JavaScript代码：

$.extend({
    startTimer: function() {
        $("#timer").text(parseInt($("#timer").text()) + 1);
        timer = setTimeout("$.startTimer()", 1000);
    },
    stopTimer: function() {
        clearTimeout(timer);
    }
});

var timer;

$("#startBtn").click(function() {
    $.startTimer();
});

$("#stopBtn").click(function() {
    $.stopTimer();
});

这个例子中，我们定义了两个全局函数，分别为“startTimer”和“stopTimer”。当用户点击“开始计时”按钮时，会调用“startTimer”函数来进行计时操作；当用户点击“停止计时”按钮时，会调用“stopTimer”函数来停止计时操作。由于这些函数是全局的，因此可以在页面中任意使用。

示例二：使用全局函数对表单进行校验

这是另一个例子，演示如何使用全局函数对表单进行校验。下面是HTML代码：

<form>
    <label for="name">姓名：</label>
    <input type="text" id="name"></input>
    <br>
    <label for="age">年龄：</label>
    <input type="text" id="age"></input>
    <br>
    <button id="submitBtn">提交</button>
</form>

下面是JavaScript代码：

$.extend({
    validateName: function(name) {
        if(name == "") {
            alert("姓名不能为空！");
            return false;
        } else {
            return true;
        }
    },
    validateAge: function(age) {
        if(age == "" || isNaN(age) || age < 0 || age > 150) {
            alert("请输入正确的年龄！");
            return false;
        } else {
            return true;
        }
    }
});

$("#submitBtn").click(function() {
    var name = $("#name").val();
    var age = $("#age").val();
    if($.validateName(name) && $.validateAge(age)) {
        alert("提交成功！");
    }
});

这个例子中，我们定义了两个全局函数，“validateName”和“validateAge”，用于对表单中的姓名和年龄进行校验。当用户点击“提交”按钮时，会依次调用这两个函数来判断表单信息是否合法。由于这些函数是全局的，因此可以在页面中任意使用。