淘先锋技术网

首页 1 2 3 4 5 6 7

jquery点击按钮 添加子节点

jQuery是一种流行的JavaScript库，它提供了简洁易懂、易于使用的接口，帮助我们在网页上添加动态效果。本文将介绍如何使用jQuery添加子节点。


var parent = $('ul');    // 选取父节点
var child = $('
  • '); // 创建子节点 child.text('新添加的子节点'); // 设置子节点文本 parent.append(child); // 将子节点添加到父节点中

    jquery点击按钮 添加子节点

    上述代码中，我们首先选择了一个ul元素作为父节点，接着创建了一个li元素作为子节点，并设置了子节点的文本。最后，我们调用了父节点的append方法，将子节点添加到父节点中。

    以上代码只是添加了一个简单的子节点，实际使用中可能需要添加更多的子节点，或根据不同情况动态生成子节点。例如，我们可以监听按钮的点击事件，每次点击按钮就添加一个新的子节点：

    
$('button').click(function() {
  var parent = $('ul');
  var child = $('
  • '); child.text('新添加的子节点'); parent.append(child); });

    在上述代码中，我们使用了jQuery的click方法，监听了按钮的点击事件。每次点击按钮时，就会执行添加子节点的代码。这样，我们就可以在用户交互或其他需要动态改变网页的情况下，动态地添加子节点。