jquery创建元素节点
使用 jQuery 创建元素节点
jQuery 提供了多种方法来动态创建元素节点。以下是几种常见的方法：
方法一：使用 $() 函数
通过传递 HTML 字符串给 jQuery 的 $() 函数，可以创建新的元素节点。
var newDiv = $('<div></div>');
var newParagraph = $('<p>This is a new paragraph.</p>');方法二：设置属性和内容
创建元素时可以同时设置属性和内容。
var newLink = $('<a>', {
href: 'https://example.com',
text: 'Click here',
class: 'link-class'
});方法三：使用 append() 或 appendTo()
创建元素后可以立即将其插入到 DOM 中。
$('<span>New span</span>').appendTo('body');
$('body').append('<span>New span</span>');方法四：创建复杂结构
可以创建包含多个子元素的复杂结构。
var newList = $('<ul>').append(
$('<li>').text('Item 1'),
$('<li>').text('Item 2'),
$('<li>').text('Item 3')
);
$('body').append(newList);注意事项
- 确保在 DOM 完全加载后再执行 jQuery 代码，可以将代码放在
$(document).ready()中。 - 动态创建的元素不会自动绑定事件，需要使用事件委托或直接绑定。
- 创建的节点只有在插入到 DOM 后才会显示在页面上。
