Mudah Belajar jQuery part 1

Mudah Belajar jQuery part 1
jQuery merupakan library javascript untuk memudahkan developer web dalam membuat website interaktif.

jQuery adalah pustaka JavaScript yang cepat, kecil, dan kaya fitur. Itu membuat hal-hal seperti memanipulasi dokumen HTML, penanganan animasi, dan Ajax jauh lebih sederhana dengan API yang mudah digunakan yang bekerja di banyak browser. Sesuai dengan slogannya yaitu write less do more. Mengetik sedikit dan lebih banyak yang dilakukan.

Menambahkan jQuery kedalam halaman web
Caranya yaitu dengan mendownload library jQuery dari website jQuery.com atau juga bisa melalui cdn dan langsung dipakai contohnya cdn dari google.

jQuery merupakan satu file javascript yang dimasukkan kedalam tag html <script> contohnya seperti berikut <script src=”jquery.min.js”></script>
Atau jika melalui cdn contohnya seperti berikut:

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js”></script>

jQuery Document ready event
Semua kode jQuery harus ditempatkan didalam event Document ready. Contohnya seperti berikut:

$(document).ready(function(){
  //jQuery method disini
})

Cara penulisannya pertama tulis dulu $(document).ready() lalu kemudian didalam kurung ditulis function (){} baru setelahnya kita dapa menuliskan kode jQuery didalam kurung kurawal.

Atau jika ingin yang versi pendeknya maka seperti ini

$(function(){

  //jQuery method

});

Membuat hello world di jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  alert("Hello world dari jQuery");
});
</script>

Simpan kedalam berkas html

Related posts

Leave a Comment