Selasa, 05 Juni 2012

Jquery The Basic Part 06 : Jquery .Children nth-Child and .text


Helloo... Akhirnyah kita berjumpa lagi ya sesuatu, ^o^..
Materi kali ini yang akan kita bahas ada 2 fungsi yaitu fungsi anakan dari .children menggunakan nth-child dan .text untuk memberi text/string. Mungkin langsung to do point ajah..

Pertama buat dulu style css dafaultnya :
<style>
 li { color: black;}
 </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 nth-child(2) artinya yaitu untuk memberi style pad li yang kedua, dan adapun untuk .text untuk memberi text pada li children yang terpilih :
 <script src="jquery.js"></script>
 <script>
 $('ul.change').children('li:nth-child(2)').text('Hello Word');
 </script>


Selamat Mencoba :D

>> Download File <<

2 komentar:

  1. postingnya bagus sob makasih ya infonya
    jangan lupa ya kunjungi juga situs kami di
    http://stisitelkom.ac.id

    BalasHapus
    Balasan
    1. sama-sama sob anak stsi yah jurusan apah? insyaallah masih banyak materi yg blom dipost mudah-mudahan bisa berguna juga, webnya mantep simple but interactive.. :D

      Hapus

Silahkan Anda untuk memberikan saran, masukan, atau tanggapan yang dapat membangun blog ini lebih baik dengan mengisi formulir di bawah ini