Cara Set Content dan Attributes pada JQuery

Hallo sobat program, bertemu lagi dengan saya Rizal dan masih di situs Source Code Aplikasi. Di kesempatan kali ini saya akan membahas mengenai Cara Set Content dan Attributes di JQuery.



Set content dan attribute di jquery yaitu sebuah sistem atau guna bagi menset content jadi didalam set content dan attribute ini mempunya 3 jenis guna yang dapat digunakan. Berikut ini merupaka 3 guna yang dapat digunakan bagi set content dan attribute :




  1. Text() – bagi set content berupa text


  2. Html() – bagi set content berupa text dan syntax html


  3. Val() – bagi set content berupa nilai dari input form



Setelah kita mengetahui 3 guna yang dapat bagi set content dan attribute karenanya langkah berikutnya kita akan mencoba ketiga guna itu bagi kita gunakan pada set content dan attributes di JQuery.



Oke seketika saja kita mulai Cara Set Content dan Attributes di JQuery. Langkah pertama-tama jalankan/run text-editornya, lalu kemudian ketiklah kode HTML seperti di 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>


Bila telah, silahkan coba disimpan dan dijalankan/run dibrowser yang teman-teman gunakan karenanya hasil awal akan menjadi seperti di contoh dibawah ini :



bertemu



Diatas adalah sebuah tampilan awal belum ada guna dari JQuerynya, oke langkah berikutnya teman-teman tambahkan library JQuerynya sertak kode JQuerynya seperti di contoh dibawah ini :



bertemu



Bila telah, silahkan refresh kembali dan hasilnya akan berubah menjadi seperti di contoh dibawah ini :



bertemu



Oke jadi seperti begitulah bagi pembahasan kita kali ini mengenai Cara Set Content dan Attributes di JQuery. Semoga dapat amat bermanfaat bagi teman-teman dan hingga bertemu dipembahasan berikutnya.



Terimakasih



Sumber : w3schools




Sumber https://kursuswebsite.org

Popular posts from this blog

Perbedaan Antara Keyup dan Keydown Pada jQuery

Even di javascript adalah sebuah suatu yang terjadi di element tertentu, maksudnya yaitu suatu respon atau aksi yang di lakukan oleh user dimana kegiatan tersebut akan memicu jalannya script javascript yang terdapat di blog tersebut. Di javascript terdapat banyak event namun di pembahasan kali ini kita akan membahas mengenai Perbedaan Antara Keyup dan Keydown Di jQuery, Keyup adalah sebuah event yang akan di jalankan ketika tombol dilepaskan di di keyboard, dan sedangkan Keydown adalah sebuah event ketika tombol ditekan di keyboard.
Read more

Membuat Table Warna Berselang dengan PHP

Image
Selamat datang di blog Source Code Aplikasi, masih dengan File yang kemarin, tapi sekarang ini kita akan menggunakan Framework Bootstrap dan Membangun Table Warna Berselang dengan PHP, jadi jangan lupa yang kemarin praktekin dulu yah teman teman link nya yang ini . oka seketika saja kita praktekan.
Read more