Jquery The Basic Part 02 : Add Class CSS

Setelah kemarin kita belajar bagaimana menambahkan style css menggunakan jquery, sekarang kita akan belajar bagaimana menambahkan "Class" css menggunakan jquery, caranya sebagai berikut :

Pertama kita bikin dulu css style default dan classnya.

<style>
ul li {
color:blue;
}
.change{
color:black;
}
</style>

setelah itu kita sisipkan library jquerynya.

<script src="jquery-1.7.1.js"> </script>
<ul>
<li>hello</li>
<li>hello 2</li>
<li>hello 3</li>
</ul>

dan yang terakhir baru menggunakan property .addClass seperti dibawah ini untuk menambahkan class pada tag <li>

<script>
jQuery('ul li').addClass('change');
</script>

Selamat mencoba... :D

>> Download File <<

Tweet