如何在使用 jQuery 更改 div 内容时调用函数？

当我们使用 jQuery 来更改一个 div 元素的内容时，经常需要在更改完成后执行一些操作。这时我们可以使用 jQuery 提供的回调函数来实现。

使用 .html() 方法更改 div 内容

首先，让我们看一下如何使用 .html() 方法来更改一个 div 元素的内容。下面的代码将把 id 为 myDiv 的 div 元素的内容更改为 "Hello World"。

$("#myDiv").html("Hello World");

这个操作执行后，我们想要打印一条消息，告诉用户内容已经更改。我们可以在 .html() 方法的回调函数中添加这个操作，代码如下：

$("#myDiv").html("Hello World", function() {
  console.log("内容已经更改");
});

现在，当内容更改完成后，我们就会在控制台上看到一条消息。

使用 .text() 方法更改 div 内容

如果我们想要更改 div 中的文本，而不是 HTML 代码，可以使用 .text() 方法。下面的代码将把 id 为 myDiv 的 div 元素的文本更改为 "Hello World"。

$("#myDiv").text("Hello World");

现在让我们为 .text() 方法添加回调函数，代码如下：

$("#myDiv").text("Hello World", function() {
  console.log("文本已经更改");
});

总结

使用 jQuery 更改 div 内容时，我们可以使用 .html() 方法或者 .text() 方法。为了在内容更改完成后执行一些操作，我们可以使用这些方法的回调函数。在回调函数中，我们可以添加任何我们想要执行的操作，比如打印一条消息。