jQuery 文檔操作 replaceWith() 方法
jQuery 文檔操作 replaceWith() 方法
jQuery 參考手冊(cè) 文檔操作replaceWith() 方法用指定的 HTML 內(nèi)容或元素替換被選元素。
提示：replaceWith() 與 replaceAll() 作用相同。差異在于語(yǔ)法：內(nèi)容和選擇器的位置，以及 replaceAll() 無(wú)法使用函數(shù)進(jìn)行替換。
1. 語(yǔ)法
$(selector).replaceWith(content)
| 參數(shù) | 描述 |
|---|---|
| content |
必需。規(guī)定替換被選元素的內(nèi)容。 可能的值:
已存在的元素不會(huì)被移動(dòng)，只會(huì)被復(fù)制，并包裹被選元素。 |
| selector | 必需。規(guī)定要替換的元素。 |
2. 范例
用粗體文本替換每個(gè)段落：
$(".btn1").click(function(){
$("p").replaceWith("<b>Hello world!</b>");
});
3. 使用函數(shù)來(lái)替換元素
使用函數(shù)把被選元素替換為新內(nèi)容。
語(yǔ)法
$(selector).replaceWith(function())
| 參數(shù) | 描述 |
|---|---|
| function() | 必需。返回待替換被選元素的新內(nèi)容的函數(shù)。 |
. - 范例
- 使用新元素來(lái)替換元素
使用 document.createElement() 來(lái)創(chuàng)建一個(gè)新的 DOM 元素，然后用它替換被選元素。
相關(guān)文章
- jQuery 安裝
- jQuery 選擇器
- jQuery 參考手冊(cè) 屬性
- 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 選擇器
學(xué)習(xí)JQuery