Mengambil Elemen Dan Konten

JQuery mempunyai beberapa fungsi yang dapat dipakai untuk mengambil konten suatu elemen HTML.

Mengambil Konten Elemen

Fungsi-fungsi yang biasa digunakan untuk mengambil konten elemen HTML adalah :

• text() – Mengambil isi text dari suatu elemen HTML
• html() – Mengambil source coding HTML dari suatu elemen HTML termasuk deklarasi tag
• val() – Mengambil nilai dari suatu elemen input atau form elemen

Contoh di bawah ini memperlihatkan penggunaan fungsi text dan fungsi html.

$("#btn1").click(function(){
  alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
});

Jalankan Contoh

Contoh di bawah ini memperlihatkan penggunaan fungsi val untuk mengambil nilai dari suatu elemen input.

$("#btn1").click(function(){
  alert("Value: " + $("#test").val());
});

Jalankan Contoh

Mengambil Nilai Atribut

Fungsi attr digunakan untuk mengambil nilai suatu atribut pada suatu elemen HTML. Parameter fungsi ini adalah nama atribut yang akan diambil nilainya. Contoh di bawah ini memperlihatkan cara mengambil nilai atribut href.

$("button").click(function(){
  alert($("#w3s").attr("href"));
});

Jalankan Contoh

Tutorial sebelumnya : Fungsi Hide Dan Show
Tutorial setelahnya : Mengisi Elemen Dan Konten
Semua Tutorial JQuery : Tutorial JQuery