Dom - Memilih Elemen

Memilih Element

Untuk memilih elemen di jquery sangat mudah. Contohnya seperti dibawah ini:

     $('<nama element>')

Untuk membiasakan anda menulis kode jquery dalam memilih elemen silahkan ikuti perintah di bawah ini :

Tulis Perintah berikut di kolom di bawah ini

 $('button')  

Silahkan masukan perintah dibawah ini:

>

Untuk memilih salah satu elemen button yang di kehendaki. perhatikan contoh berikut:

    <button>1</button>
    <button>2</button>
    <button>3</buton>

Untuk memilih elemen button yang pertama. Contohnya seperti berikut:

 $("button:first")
 atau
 $("button:first").first()

Bagaimana jika ingin mengubah nilai 2 dari elemen button yang kedua menjadi 22 ? Contohnya seperti berikut:

 $("button:first").next().html('22');

Memilih Element Dengan Class dan Id

Bila elemen yang ingin dipilih memiliki id atau class, kita bisa memilih element tersebut berdasarkan id/atau classsnya. COntohnya seperti berikut:

     $('#<id>')
     atau
     $('.<class>')

Sebagai contoh dihalaman html kita memiliki 3 buah element Img

<img src="/media/jpg" id="img1" class="img1">
<img src="/media/jpg" id="img2" class="img2">
<img src="/media/jpg" id="img3" class="img3">

Untuk memilih element img no2 kita hanya perlu memilih id atau class nya. Contohnya silahkan ikuti perintah dibawah ini:

Tulis Perintah berikut di kolom di bawah ini

 $('#img2')  

Silahkan masukan perintah dibawah ini:

>

Anda juga bisa memilih beberapa elemen yang dan id sekaligus. Contoh

  $("img, #img2")