Mudah belajar jQuery Part 4

jQuery get dan set content
jQuery berisi metode untuk mengubah dan memanipulasi elemen dan atribut HTML.
Salah satu bagian yang sangat penting dari jQuery adalah kemungkinan untuk memanipulasi DOM.
jQuery hadir dengan banyak metode terkait DOM yang membuatnya mudah untuk mengakses dan memanipulasi elemen dan atribut.

DOM = Document Object Model
DOM menetapkan standar untuk mengakses dokumen HTML dan XML:
“W3C Document Object Model (DOM) adalah platform dan antarmuka bahasa yang memungkinkan program dan skrip mengakses dan memperbarui konten, struktur, dan gaya dokumen secara dinamis.”

4 metode jQuery sederhana namun bermanfaat untuk manipulasi DOM:
text() – Mengatur atau mendapatkan konten teks elemen yang dipilih
html() – Mengatur atau mendapatkan isi dari elemen yang dipilih (termasuk markup HTML)
val() – Mengatur atau mendapatkan nilai inputan (value)
attr() – Mengatur atau mendapatkan nilai attribut

Contoh penggunaan get kontent

$("#button1").click(function(){
//mengambil content text
alert("Text: " + $("#test").text());
});
$("#button2").click(function(){
//mengambil content html
alert("HTML: " + $("#test").html());
});
$("#button3").click(function(){
//mengambil nilai atribut
alert("ATTR: " + $("#test").attr());
});

Contoh penggunaan set kontent

$("#button1").click(function(){
//set content text
$("#test").text("tes diset")
});
$("#button2").click(function(){
//set content html
$("#test").html("set html")
});
$("#button3").click(function(){
//set nilai atribut
$("#test").attr("href","http://google.com");
});

 

Related posts

Leave a Comment