BAB 1 – Pengenalan JQuery

Apa itu jQuery?

jQuery adalah pustaka JavaScript yang cepat, kecil, dan kaya fitur. jQuery membuat hal-hal seperti penelusuran dan manipulasi dokumen HTML, penanganan peristiwa, animasi, dan Ajax jauh lebih sederhana dengan API yang mudah digunakan dan berfungsi di berbagai browser. Dengan kombinasi fleksibilitas dan kemampuan perluasan, jQuery telah mengubah cara jutaan orang menulis JavaScript.

Sekilas
Penelusuran dan Manipulasi DOM
Dapatkan elemen dengan kelas ‘continue’ dan ubah HTML-nya menjadi ‘Langkah Selanjutnya…’

$( "button.continue" ).html( "Next Step..." )

Event Handling

Tampilkan elemen #banner-message yang disembunyikan dengan display:none di CSS-nya ketika tombol apa pun di #button-container diklik.

var hiddenBox = $( "#banner-message" );$( "#button-container button" ).on( "click", function( event ) { hiddenBox.show();});

Ajax

Panggil skrip lokal di server /api/getWeather dengan parameter kueri zipcode=97201 dan ganti html elemen #weather-temp dengan teks yang dikembalikan.

$.ajax({ url: "/api/getWeather", data: { zipcode: 97201 }, success: function( result ) { $( "#weather-temp" ).html( "<strong>" + result + "</strong> degrees" ); }});

Simulasi JQuery Bisa dipraktekkan menggunakan tools editor di bawah ini :

See the Pen project by deka wildan (@deka-wildan) on CodePen.