Halo selamat datang di website tips dan trik Dumet School, pada artikel sebelumnya kita sudah membahas beberapa fungsi – fungsi pada jQuery. Dan pada kesempatan kali ini saya juga akan memberikan tips tentang Cara Menggunakan Fungsi Select All dan This pada jQuery, seperti yang kita tahu select all biasa kita menggunakan simbol * seperti kita memanggil query pada mysql, di dalam jQuery ini fungsinya pun juga sama yang berfungsi menyeleksi semua. Kemudia fungsi this di dalam jQuery berfungsi untuk perintah memanggil tag dengan this yang berarti “ini” artinya dengan memanggil dengan this kita dapat memberikan fungsi di dalamnya.
Baik, saya tidak ingin berlama – lama. Langsung saja kita implementasikan Cara Menggunakan Fungsi Select All dan This pada jQuery pertama – tama kita praktekkan fungsi select all atau *
Teman – teman siapkan text editornya copy script html nya di bawah ini
<!DOCTYPE html> <html> <head> <title><strong>Cara Menggunakan Fungsi Select All dan This pada jQuery</strong></title> </head> <body> <h2>Ini adalah tag h2</h2> <p>Ini adalah tag p untuk paragraf</p> <p>Ini adalah tag p untuk paragraf</p> <button>Click me</button> </body> </html>
Kemudian save dengan nama index.html, langkah berikutnya kita berikan fungsi select all nya. Load terlebih dahulu library jQuery nya
https://code.jquery.com/jquery-3.2.1.min.js
Lalu ketikkan script jQuery nya seperti di bawah ini
<script><br>$(document).ready(function(){<br> $("button").click(function(){<br> $("*").css({"color":"red"});<br> });<br>});<br></script>
Jika sudah, save dan jalankan pada browsernya. Lalu klik button, maka seluruh tag akan di select dan di rubah semua menjadi text berwarna merah karena kita menggunakan fungsi select all atau * yang artinya mengatur semuanya. Yang berikutnya kita gunakan fungsi this , teman – teman tambahkan fungsi ini di dalam button
$(this).hide();
Jika sudah save dan refresh pada browsernya, lalu klik button. Maka jika berhasil, ketika button di klik maka button akan di hide atau di sembunyikan dan text berwarna berwarna merah. Button di hide karena kita berikan fungsi this yang menghsilkan button di hide.
Bagaimana, sangat mudah bukan..??
Itulah cara sederhana dalam penggunaan fungsi select all dan this pada jQuery, oke saya rasa sekian dulu pada artikel kali ini tentang Cara Menggunakan Fungsi Select All dan This pada jQuery kita berjumpa kembali pada tips dan trik yang akan datang. Semoga bermanfaat, terimakasih dan sampai jumpa.
The post Cara Menggunakan Fungsi Select All dan This pada jQuery appeared first on Kursus Website Terbaik.