Wed Dec 2019 2 years ago

Apah itu Jquery

Apah itu Jquery ?

JQuery adalah pustaka JavaScript yang cepat, kecil, dan kaya fitur. Itu membuat hal-hal seperti dokumen HTML traversal dan manipulasi, penanganan event, animasi, dan Ajax jauh lebih sederhana dengan API yang mudah digunakan yang bekerja di banyak browser. Dengan kombinasi keserbagunaan dan ekstensibilitas, jQuery telah mengubah cara jutaan orang menulis JavaScript.

 

Contoh Singkat:

DOM Traversal dan Manipulasi

Dapatkan <button> elemen dengan kelas 'lanjutkan' dan ubah HTML-nya menjadi 'Langkah Berikutnya ...'

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

Penanganan Acara

Tampilkan #banner-message elemen yang tersembunyi dengan display:none CSS-nya ketika tombol apa pun #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 #weather-temp html elemen dengan teks yang dikembalikan.

 

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