jQuery 文档操作 replaceWith() 方法
jQuery 文档操作 replaceWith() 方法
jQuery 参考手册 文档操作replaceWith() 方法用指定的 HTML 内容或元素替换被选元素。
提示：replaceWith() 与 replaceAll() 作用相同。差异在于语法：内容和选择器的位置，以及 replaceAll() 无法使用函数进行替换。
1. 语法
$(selector).replaceWith(content)
| 参数 | 描述 |
|---|---|
| content |
必需。规定替换被选元素的内容。 可能的值:
已存在的元素不会被移动，只会被复制，并包裹被选元素。 |
| selector | 必需。规定要替换的元素。 |
2. 范例
用粗体文本替换每个段落：
$(".btn1").click(function(){
$("p").replaceWith("<b>Hello world!</b>");
});
3. 使用函数来替换元素
使用函数把被选元素替换为新内容。
语法
$(selector).replaceWith(function())
| 参数 | 描述 |
|---|---|
| function() | 必需。返回待替换被选元素的新内容的函数。 |
. - 范例
- 使用新元素来替换元素
使用 document.createElement() 来创建一个新的 DOM 元素，然后用它替换被选元素。
相关文章
- jQuery 安装
- jQuery 选择器
- jQuery 参考手册 属性
- jQuery 事件 keydown() 方法
- jQuery 事件 keypress() 方法
- jQuery jquery 属性
- jQuery 遍历 next() 方法
- jQuery 遍历 nextAll() 方法
- jQuery 遍历 not() 方法
- jQuery 遍历 parent() 方法
- jQuery 遍历 parents() 方法
- jQuery 遍历 prev() 方法
- jQuery ajax get() 方法
- jQuery CSS 操作 scrollLeft() 方法
- jQuery CSS 操作 scrollTop() 方法
- jQuery 属性操作 hasClass() 方法
- jQuery 属性操作 val() 方法
- jQuery * 选择器
- jQuery :contains 选择器
- jQuery :enabled 选择器
学习JQuery