> 這篇文章主要介紹了jQuery標簽替換函數replaceWith()的使用例子,使用replaceWith可以替換模板里的標簽,還可以實現多語言網站,需要的朋友可以參考下
replaceWith簡單使用
jQuery中,有一個強大的替換函數replaceWith(),使用非常簡單,如:
頁面有如下p標簽

把所有p標簽替換為“##”
```
$('p').replaceWith('##');
```
執行后的結果:

替換標簽
利用這個replaceWith,我們可以把所有p標簽替換為b標簽,內容不變:
```
$('p').each(function(){
$(this).replaceWith('<b>'+$(this).html()+'</b>');
});
```
結果

這就替換了!
多語言網站可以利用這個函數輕松完成
如果你開發的是一個多語言的網站,甚至可以利用這個特性,比如,在你需要翻譯的文字上加上i標簽,然后遍歷翻譯替換。
假如頁面dom結構如下:

我們要把頁面中的i標簽里的文本給翻譯,頁面中有i標簽的分別是蘋果、電腦。于是我們實現需要一個翻譯庫:
```
var translate = {
'蘋果' : 'apple',
'電腦' : 'PC'
};
```
執行后效果:

頁面效果:

- 基本說明
- 常用在線前端CDN庫
- 公共代碼部分
- HTML基礎
- 媒體查詢(調整各種屏幕下的效果)
- 網站備案
- 阿里云備案
- 域名解析
- 阿里云常規解析
- 手機端M.后綴
- 301跳轉
- 在線客服咨詢平臺解決方案
- 百度商橋
- 商務通
- 美恰客服
- 騰訊QQ
- 建站系統自帶
- 逸創·云客服
- 編輯器組件高級用法
- 社區分享
- 新聞類
- 圖文
- Tab組件自定義
- 子導航自定義
- 文字
- 幻燈片
- 手機端導航欄
- 電腦端導航
- 單頁面導航
- 單排導航
- 表單
- 欄目條
- 背景
- 圖文組件基礎應用
- 圖文組件高級應用
- jPages分頁插件使用(用于普通圖文分頁)
- 圖文上下滾動
- 底部吸底導航
- Layer彈窗特效
- 頁面進入彈窗
- 彈窗特效
- 視頻彈窗
- 字體圖標
- Iconfont(阿里圖標庫)
- Font Awesome
- Chrome開發者工具中文文檔
- 懸浮在線客服
- 華為云右側在線客服
- 裝修公司
- CSS
- DIV CSS3 box-shadow對象盒子陰影和圖片陰影
- CSS選擇器
- 邊框
- 旋轉
- JS
- URL網址信息
- JQ
- JQ選擇器
- 常用JQ
- jQuery標簽替換函數replaceWith()的使用例子
- 錨鏈接動畫
- 手機端
- 全局樣式
- 導航
- PC導航菜單
- 插件
- 鼠標懸浮跟隨
- 簡單的Material Design風格手機App菜單特效
- 動畫