Jquery The Basic Part 01 : Add CSS

Kita akan belajar bagaimana cara menambahkan css menggunakan script jquery. Langkahnya sebagai berikut :

Pertama kita akan memberi style default pada element tag <li> caranya yaitu seperti dibawah ini :

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

Setelah itu kita sisipkan library jquerynya diatas tag <ul> :

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

Langkah terakhir adalah menambahkan script .css untuk mengoverride style dari css defaultnya.

<script>
jQuery('ul li').css('color','black');
</script>

Berikut script library jquerynya, kalo htmlnya diketik sendiri yah, biar bisa... hehehe

source : http://docs.jquery.com/Downloading_jQuery

Selamat mencoba... :D

>> Download File <<

Tweet