jquery创建节点

使用 jQuery 创建节点的方法

jQuery 提供了多种方式来动态创建 DOM 节点。以下是几种常见的方法：

创建元素节点 使用 $() 函数可以直接创建新的 HTML 元素：

var newDiv = $('<div></div>');
var newParagraph = $('<p>这是一个段落</p>');

设置属性和内容 创建时可以同时设置属性和内容：

var link = $('<a>', {
    href: 'https://example.com',
    text: '点击这里',
    class: 'external-link'
});

添加到 DOM 中 使用 jQuery 的 DOM 操作方法将新节点插入文档：

$('body').append(newDiv);  // 在 body 末尾添加
$('#container').prepend(newParagraph);  // 在 #container 开头插入

克隆现有节点 使用 .clone() 方法可以复制现有节点：

var clonedDiv = $('#original').clone();
$('body').append(clonedDiv);

创建文本节点 虽然 jQuery 主要处理元素节点，但也可以创建纯文本内容：

var textNode = $('<span>').text('纯文本内容');

注意事项

• 创建复杂结构时可以使用多行字符串：

  var complexElement = $('<div class="container"><h2>标题</h2><p>内容</p></div>');

• 性能考虑：频繁操作 DOM 会影响性能，建议批量创建后再一次性插入