Hallo sobat program, bertemu lagi dengan saya Rizal dan masih di website Dumet School. Pada kesempatan kali ini saya akan membahas tentang Cara Set Content dan Attributes pada JQuery.
Set content dan attribute pada jquery adalah sebuah metode atau fungsi untuk menset content jadi didalam set content dan attribute ini mempunya 3 jenis fungsi yang bisa digunakan. Berikut ini merupaka 3 fungsi yang dapat digunakan untuk set content dan attribute :
- Text() – untuk set content berupa text
- Html() – untuk set content berupa text dan syntax html
- Val() – untuk set content berupa nilai dari input form
Setelah kita mengetahui 3 fungsi yang dapat untuk set content dan attribute maka langkah selanjutnya kita akan mencoba ketiga fungsi itu untuk kita gunakan dalam set content dan attributes pada JQuery.
Oke langsung saja kita mulai Cara Set Content dan Attributes pada JQuery. Langkah pertama jalankan/run text-editornya, lalu kemudian ketiklah kode HTML seperti pada contoh dibawah ini :
<!DOCTYPE html> <html> <head> <title>JQuery</title> </head> <body> <p id="test1">Lorem Ipsum is simply dummy text</p> <p id="test2">Lorem Ipsum is simply dummy text</p> <input type="text" id="test3" value="Tempat Kursus"><br><hr> <button id="btn1">Klik Text</button> <button id="btn2">Klik HTML</button> <button id="btn3">Klik Value</button> </body> </html>
Jika sudah, silahkan coba disimpan dan dijalankan/run dibrowser yang teman-teman gunakan maka hasil awal akan menjadi seperti pada contoh dibawah ini :
Diatas merupakan tampilan awal belum ada fungsi dari JQuerynya, oke langkah berikutnya teman-teman tambahkan library JQuerynya sertak kode JQuerynya seperti pada contoh dibawah ini :
Jika sudah, silahkan refresh kembali dan hasilnya akan berubah menjadi seperti pada contoh dibawah ini :
Oke jadi seperti itulah untuk pembahasan kita kali ini tentang Cara Set Content dan Attributes pada JQuery. Semoga dapat sangat bermanfaat untuk teman-teman dan sampai bertemu dipembahasan selanjutnya.
Terimakasih
Sumber : w3schools