Jquery The Basic Part 05 : Jquery .Children

Hii Guys, sekarang kita akan belajar fungsi ".children" pada jquery. fungsi .children ini digunakan untuk memberi elemen tag <ul><li> secara spesifik.

Let's begin ..^o^..

Pertama buat dulu style css dafaultnya :

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

 setelah itu kita buat elemen tag <ul> dan <li> :

 <ul class="change">
   <li>item</li>
   <li>item 2</li>
   <li>
  <ul>
      <li>hello from the nest.</li>
  </ul>
   </li>
 </ul> 

terakhir kita sisipkan library jquery dan script jquery dengan menggunakan fungsi .children :

 <script src="jquery.js"></script>
 <script>
   $('ul.change').children('li').css('color','black');
 </script>

Selamat Mencoba :D


>> Download File <<

Tweet