jQuery之添加节点的几种方式
在jQuery中,有几种方法可以添加新的节点。以下是一些常用的方法:
- 使用
.append()
方法:这个方法允许你将参数中指定的内容追加到所有选定的元素里。
$('body').append('<p>This is a new paragraph</p>');
- 使用
.prepend()
方法:这个方法与.append()
方法相反,它将内容添加到所选元素的前面。
$('body').prepend('<p>This is a new paragraph</p>');
- 使用
.after()
方法:这个方法在所选元素之后插入内容。
$('p').after('<p>This is a new paragraph</p>');
- 使用
.before()
方法:这个方法与.after()
方法相反,它在所选元素之前插入内容。
$('p').before('<p>This is a new paragraph</p>');
- 使用
.html()
方法:这个方法可以用来替换元素的内容。
$('p').html('<strong>This is a new content</strong>');
- 使用
.text()
方法:这个方法用于设置或返回所选元素的文本内容。
$('p').text('This is a new text');
- 使用
.wrap()
方法:这个方法允许你用其他元素或内容包装所选元素。
$('p').wrap('<div></div>');
- 使用
.wrapInner()
方法:这个方法允许你用其他元素或内容包装所选元素的内容。
$('p').wrapInner('<strong></strong>');
以上就是在jQuery中添加新节点的一些常用方法。
评论已关闭