Dasar Jquery. jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
Seperti penjelasan Quote di atas, Kali ini saya akan sharing tentang sebuah framework javascript yang sering saya gunakan . JQuery merupakan merupakan framework javascript yang biasanya digunakan pada interface, sobat pasti tau sendiri bagimana pusing nya jika menggunakan javascript, tetapi Jquery memberikan semua kemudahan yang anda inginkan, sehingga akan sangat mudah membuat aplikasi web base yang interaktif.
Dasar Jquery
Langsung saja pada pembahasan, seperti yang saya ketahui jquery biasanya berjalan saat menggunakan event. Macam-macam eventnya seperti click, change, keyup, keypress, keydown dsb.
<html>
<script>
$("#tombol").on("click",function(){
alert("hello wolrd");
});
</script>
<body>
<button id="tombol">klik saya</button>
</body>
</html>
Pada contoh di atas saya menggunakan event click untuk memanggil sebuah fungsi pada jquery. Sebuah identifier untuk memanggil sebuah jquery biasanya menggunakan class dan id. Untuk memanggil jquery melalui class adalah dengan menggunakan tanda ” . ” dan untuk memanggil jquery melalui id adalah dengan menggunakan tanda ” # “.
Contoh pemanggilan fungsi menggunakan Id :
<html>
<script>
$("#cek").on("keyup", function(){
alert($(this).val());
});
</script>
<body>
<input id="cek" type="text" name="tes">
</body>
</html>
Contoh pemanggilan fungsi menggunakan class :
<html>
<script>
$(".cek").on("click", function(){
alert($(this).val());
});
</script>
<body>
<input class="cek" type="radio" name="cek" value="tes pertama">
<input class="cek" type="radio" name="cek" value="tes kedua">
</body>
</html>
Untuk pembahasan yang lebih dalam akan saya lanjutkan pada artikel selanjutnya. See u….
Quote di kutip dari https://jquery.com/
