<!DOCTYPE html>਀㰀栀琀洀氀㸀 
<head>਀㰀猀挀爀椀瀀琀 猀爀挀㴀∀栀琀琀瀀猀㨀⼀⼀愀樀愀砀⸀最漀漀最氀攀愀瀀椀猀⸀挀漀洀⼀愀樀愀砀⼀氀椀戀猀⼀樀焀甀攀爀礀⼀㄀⸀㄀㄀⸀㌀⼀樀焀甀攀爀礀⸀洀椀渀⸀樀猀∀㸀㰀⼀猀挀爀椀瀀琀㸀 
<script>਀␀⠀搀漀挀甀洀攀渀琀⤀⸀爀攀愀搀礀⠀昀甀渀挀琀椀漀渀⠀⤀笀 
    $("#btn1").click(function(){਀        ␀⠀∀⌀琀攀猀琀㄀∀⤀⸀琀攀砀琀⠀昀甀渀挀琀椀漀渀⠀椀Ⰰ 漀爀椀最吀攀砀琀⤀笀 
            return "Old text: " + origText + " New text: Hello world! (index: " + i + ")"; ਀        紀⤀㬀 
    });਀ 
    $("#btn2").click(function(){਀        ␀⠀∀⌀琀攀猀琀㈀∀⤀⸀栀琀洀氀⠀昀甀渀挀琀椀漀渀⠀椀Ⰰ 漀爀椀最吀攀砀琀⤀笀 
            return "Old html: " + origText + " New html: Hello <b>world!</b> (index: " + i + ")"; ਀        紀⤀㬀 
    });਀紀⤀㬀 
</script>਀㰀⼀栀攀愀搀㸀 
<body>਀ 
<p id="test1">This is a <b>bold</b> paragraph.</p>਀㰀瀀 椀搀㴀∀琀攀猀琀㈀∀㸀吀栀椀猀 椀猀 愀渀漀琀栀攀爀 㰀戀㸀戀漀氀搀㰀⼀戀㸀 瀀愀爀愀最爀愀瀀栀⸀㰀⼀瀀㸀 
਀㰀戀甀琀琀漀渀 椀搀㴀∀戀琀渀㄀∀㸀匀栀漀眀 伀氀搀⼀一攀眀 吀攀砀琀㰀⼀戀甀琀琀漀渀㸀 
<button id="btn2">Show Old/New HTML</button>਀ 
&nbsp;਀ 
&nbsp;਀㰀栀㈀㸀褀ꨉ뀉쬉锉촉ꐉ ꨀ촉뀉쬉霉촉뀉븉급 輀뀉 销쬉ꄉ ꠀ뼉급촉ꠉ윉 ꘀ윉�븉 뤀눉쬉㨉㰀⼀栀㈀㸀 
਀㰀栀爀 ⼀㸀 
਀㰀瀀爀攀㸀☀氀琀㬀℀䐀伀䌀吀夀倀䔀 栀琀洀氀☀最琀㬀 
&lt;html&gt;਀☀氀琀㬀栀攀愀搀☀最琀㬀 
&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;਀☀氀琀㬀猀挀爀椀瀀琀☀最琀㬀 
$(document).ready(function(){਀    ␀⠀∀⌀戀琀渀㄀∀⤀⸀挀氀椀挀欀⠀昀甀渀挀琀椀漀渀⠀⤀笀 
        $("#test1").text(function(i, origText){਀            爀攀琀甀爀渀 ∀伀氀搀 琀攀砀琀㨀 ∀ ⬀ 漀爀椀最吀攀砀琀 ⬀ ∀ 一攀眀 琀攀砀琀㨀 䠀攀氀氀漀 眀漀爀氀搀℀ ⠀椀渀搀攀砀㨀 ∀ ⬀ 椀 ⬀ ∀⤀∀㬀  
        });਀    紀⤀㬀 
਀    ␀⠀∀⌀戀琀渀㈀∀⤀⸀挀氀椀挀欀⠀昀甀渀挀琀椀漀渀⠀⤀笀 
        $("#test2").html(function(i, origText){਀            爀攀琀甀爀渀 ∀伀氀搀 栀琀洀氀㨀 ∀ ⬀ 漀爀椀最吀攀砀琀 ⬀ ∀ 一攀眀 栀琀洀氀㨀 䠀攀氀氀漀 ☀氀琀㬀戀☀最琀㬀眀漀爀氀搀℀☀氀琀㬀⼀戀☀最琀㬀 ⠀椀渀搀攀砀㨀 ∀ ⬀ 椀 ⬀ ∀⤀∀㬀  
        });਀    紀⤀㬀 
});਀☀氀琀㬀⼀猀挀爀椀瀀琀☀最琀㬀 
&lt;/head&gt;਀☀氀琀㬀戀漀搀礀☀最琀㬀 
਀☀氀琀㬀瀀 椀搀㴀∀琀攀猀琀㄀∀☀最琀㬀吀栀椀猀 椀猀 愀 ☀氀琀㬀戀☀最琀㬀戀漀氀搀☀氀琀㬀⼀戀☀最琀㬀 瀀愀爀愀最爀愀瀀栀⸀☀氀琀㬀⼀瀀☀最琀㬀 
&lt;p id="test2"&gt;This is another &lt;b&gt;bold&lt;/b&gt; paragraph.&lt;/p&gt;਀ 
&lt;button id="btn1"&gt;Show Old/New Text&lt;/button&gt;਀☀氀琀㬀戀甀琀琀漀渀 椀搀㴀∀戀琀渀㈀∀☀最琀㬀匀栀漀眀 伀氀搀⼀一攀眀 䠀吀䴀䰀☀氀琀㬀⼀戀甀琀琀漀渀☀最琀㬀 
਀☀氀琀㬀⼀戀漀搀礀☀最琀㬀 
&lt;/html&gt;</pre>਀ 
<hr />਀ 
&nbsp;਀ 
&nbsp;਀ 
</body>਀㰀⼀栀琀洀氀㸀 