jQuery實(shí)現(xiàn)將頁面上HTML標(biāo)簽換成另外標(biāo)簽的方法

更新時間：2015年06月09日 17:10:16 作者：不吃皮蛋

這篇文章主要介紹了jQuery實(shí)現(xiàn)將頁面上HTML標(biāo)簽換成另外標(biāo)簽的方法,實(shí)例說明了兩種實(shí)現(xiàn)html頁面元素替換的技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery實(shí)現(xiàn)將頁面上HTML標(biāo)簽換成另外標(biāo)簽的方法。分享給大家供大家參考。具體分析如下：

替換前代碼如下：

<code> A </code>
<code> B </code>
<code> C </code>

替換后代碼如下：

<pre> A </pre>
<pre> A </pre>
<pre> A </pre>

實(shí)現(xiàn)替換代碼：

復(fù)制代碼代碼如下:

$('code').contents().unwrap().wrap('<pre/>');

或者：

$('code').replaceWith(function(){
  return $("<pre />").append($(this).contents());
});

希望本文所述對大家的jQuery程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

ASP.NET jQuery 實(shí)例11 通過使用jQuery validation插件簡單實(shí)現(xiàn)用戶登錄頁面驗(yàn)證功能
從這節(jié)開始，我們開始學(xué)習(xí)如何在ASP.NET控件中使用jQuery validation 插件，首先要用它，必須先了解它有什么用
2012-02-02
jquery怎樣實(shí)現(xiàn)ajax聯(lián)動框(一)
ajax聯(lián)動框想必大家早有所耳聞，接下來本文詳細(xì)介紹下使用jquery實(shí)現(xiàn)的原理及代碼，感興趣的你可以參考下，或許對你有所幫助
2013-03-03
jQuery div層的放大與縮小簡單實(shí)現(xiàn)代碼
div層的放大與縮小想必大家已不是那么陌生了吧，接下來為大家詳細(xì)介紹下使用jQuery實(shí)現(xiàn)，感興趣的各位可以參考下哈，希望可以幫助到你
2013-03-03
jQuery validate 中文API 附validate.js中文api手冊
jQuery validate 中文API 附validate.js中文api手冊
2010-07-07
jQuery自動或手動圖片切換效果
這篇文章主要為大家詳細(xì)介紹了jQuery自動或手動圖片切換效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-10-10
jquery實(shí)現(xiàn)點(diǎn)擊按鈕顯示與隱藏效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)點(diǎn)擊按鈕顯示與隱藏效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-04-04
Jquery選擇器簡明版?Jquery選擇器實(shí)用版
最近需要用jquery獲取一些dom數(shù)據(jù)的操作，發(fā)現(xiàn)jquery的選擇器非常強(qiáng)大，很方便進(jìn)行一些dom操作，下面就專門針對這塊內(nèi)容做個簡單的介紹,需要的朋友可以參考下
2023-05-05
jQueryMobile之Helloworld與頁面切換的方法
這篇文章主要介紹了jQueryMobile之Helloworld與頁面切換的方法,實(shí)例分析了jQueryMobile的基礎(chǔ)用法,具有一定參考借鑒價值,需要的朋友可以參考下
2015-02-02
jQuery插件之jQuery.Form.js用法實(shí)例分析(附demo示例源碼)
這篇文章主要介紹了jQuery插件之jQuery.Form.js用法,結(jié)合實(shí)例形式分析了jQuery.Form.js的具體使用技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2016-01-01
jQuery-serialize()輸出序列化form表單值的方法
jQuery-serialize()輸出序列化表單值在工作中很常見也很實(shí)用，于是本人搜集整理了一些，需要了解的朋友可以詳細(xì)參考下
2012-12-12