JQuery 回调工作

JQuery Callback working

本文关键字:工作 回调 JQuery      更新时间:2023-09-26

我刚刚开始从w3schools学习JQuery。我只想学习基本语法。我对这段代码有点困惑:

$(document).ready(function(){
var i=0;
    $("#btn1").click(function()
    {
        $("#test1").text(function(a, origText)
        {
            i = (parseInt(i)+1);
            return "Old text: " + origText + " New text: Hello world! (index: " + i + ")";
        });
    });
});

我了解 javascript 中回调的用法,但我不明白它在这里是如何工作的。

此函数(a, 原始文本(其中 a = 我认为这是索引..但它总是 0和 origText = 元素 "test1" 中的当前原始文本我没有声明任何这样的功能。我不确定它是否在"jquery-2.0.3.js"文件中可用。

我不明白当我第一次点击 btn1 时,origText 包含 test1 元素的当前值?

我知道这可能是一个非常愚蠢的问题......但我试着用我的头脑,无法安静地理解。我唯一的猜测是它是我正在使用的jquery-2.0.3.js文件中的预定义函数,但我只是想确定一下。

提前致谢:)

更新:我保证在此之后我不会再使用来自 w3schools 的任何参考资料..我很着急..只是想让自己熟悉语法,所以正在浏览示例。不明白这个,所以问。

从 jQuery 的 .text() 方法的文档可以看出,当匿名函数作为参数传递给该方法时,匿名函数会传递两个参数,第一个是调用该方法的元素集中元素的索引,第二个是相关元素的原始文本内容。

无论这个匿名函数返回什么,jQuery 都用来设置相关元素的文本内容。

这是一个演示这一点的小演示。