<!DOCTYPE html>਀㰀栀琀洀氀㸀 
<head>਀㰀猀挀爀椀瀀琀 猀爀挀㴀∀栀琀琀瀀猀㨀⼀⼀愀樀愀砀⸀最漀漀最氀攀愀瀀椀猀⸀挀漀洀⼀愀樀愀砀⼀氀椀戀猀⼀樀焀甀攀爀礀⼀㄀⸀㄀㄀⸀㌀⼀樀焀甀攀爀礀⸀洀椀渀⸀樀猀∀㸀㰀⼀猀挀爀椀瀀琀㸀 
<script>਀␀⠀搀漀挀甀洀攀渀琀⤀⸀爀攀愀搀礀⠀昀甀渀挀琀椀漀渀⠀⤀笀 
    $("button").click(function(){਀        ␀⠀∀⌀搀椀瘀㄀∀⤀⸀愀搀搀䌀氀愀猀猀⠀∀椀洀瀀漀爀琀愀渀琀 戀氀甀攀∀⤀㬀 
    });਀紀⤀㬀 
</script>਀㰀猀琀礀氀攀㸀 
.important {਀    昀漀渀琀ⴀ眀攀椀最栀琀㨀 戀漀氀搀㬀 
    font-size: xx-large;਀紀 
਀⸀戀氀甀攀 笀 
    color: blue;਀紀 
</style>਀㰀⼀栀攀愀搀㸀 
<body>਀ 
<div id="div1">This is some text.</div>਀㰀搀椀瘀 椀搀㴀∀搀椀瘀㈀∀㸀吀栀椀猀 椀猀 猀漀洀攀 琀攀砀琀⸀㰀⼀搀椀瘀㸀 
<br>਀ 
<button>Add classes to first div element</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(){਀    ␀⠀∀戀甀琀琀漀渀∀⤀⸀挀氀椀挀欀⠀昀甀渀挀琀椀漀渀⠀⤀笀 
        $("#div1").addClass("important blue");਀    紀⤀㬀 
});਀☀氀琀㬀⼀猀挀爀椀瀀琀☀最琀㬀 
&lt;style&gt;਀⸀椀洀瀀漀爀琀愀渀琀 笀 
    font-weight: bold;਀    昀漀渀琀ⴀ猀椀稀攀㨀 砀砀ⴀ氀愀爀最攀㬀 
}਀ 
.blue {਀    挀漀氀漀爀㨀 戀氀甀攀㬀 
}਀☀氀琀㬀⼀猀琀礀氀攀☀最琀㬀 
&lt;/head&gt;਀☀氀琀㬀戀漀搀礀☀最琀㬀 
਀☀氀琀㬀搀椀瘀 椀搀㴀∀搀椀瘀㄀∀☀最琀㬀吀栀椀猀 椀猀 猀漀洀攀 琀攀砀琀⸀☀氀琀㬀⼀搀椀瘀☀最琀㬀 
&lt;div id="div2"&gt;This is some text.&lt;/div&gt;਀☀氀琀㬀戀爀☀最琀㬀 
਀☀氀琀㬀戀甀琀琀漀渀☀最琀㬀䄀搀搀 挀氀愀猀猀攀猀 琀漀 昀椀爀猀琀 搀椀瘀 攀氀攀洀攀渀琀☀氀琀㬀⼀戀甀琀琀漀渀☀最琀㬀 
਀☀氀琀㬀⼀戀漀搀礀☀最琀㬀 
&lt;/html&gt;</pre>਀ 
<hr />਀ 
&nbsp;਀ 
&nbsp;਀ 
</body>਀㰀⼀栀琀洀氀㸀 