jQuery 在5秒后移除新的div

在本文中，我们将介绍如何使用jQuery来在5秒后移除一个新创建的div元素。

创建新的div元素

要创建一个新的div元素，我们可以使用jQuery的$()函数或者jQuery()函数来选取或创建HTML元素。以下是一个创建新的div元素并添加到页面的示例代码：

// 创建一个新的div元素并添加到body中
var newDiv =  $('<div>').addClass('new-div');$ ('body').append(newDiv);

这段代码首先创建了一个新的div元素，并使用addClass()方法给它添加了一个名为new-div的类名。接着使用append()方法把这个新的div元素添加到body中。

延迟5秒后移除div元素

要在5秒后移除刚刚创建的div元素，我们可以使用setTimeout()函数来延迟执行移除操作。以下是一个延迟5秒后移除新的div元素的示例代码：

// 在5秒后移除新的div元素
setTimeout(function() {
  newDiv.remove();
}, 5000);

这段代码使用了setTimeout()函数来在5秒后执行一个回调函数。在回调函数中，我们使用remove()方法来移除新的div元素。

完整示例代码

下面是一个完整的示例代码，展示了如何使用jQuery在5秒后移除一个新创建的div元素：

$(document).ready(function() {
  // 创建一个新的div元素并添加到body中
  var newDiv = $('<div>').addClass('new-div');
  $('body').append(newDiv);

  // 在5秒后移除新的div元素
  setTimeout(function() {
    newDiv.remove();
  }, 5000);
});

在这个示例代码中，我们在页面加载完成后使用$(document).ready()函数来执行代码。首先创建一个新的div元素并添加到body中，接着使用setTimeout()函数在5秒后移除这个新的div元素。