Tutorial JQuery Part 1 � Mengenal Jquery

[rumahmenteng]

Tutorial JQuery Part 1 � Mengenal Jquery







Apa itu JQuery ?

Jquery adalah library javascript atau kumpulan script fungsi-fungsi javascript, bisa disebut juga sebagai frameworknya javascript, dengan Jquery kita dapat membuat website yang lebih interaktif dan lebih bagus. Banyak sekali fungsi dari jquery yang bisa kita pakai, tentu disesuaikan dengan kebutuhannya.



Jquery Selectors

Dalam membangun sebuah fungsi dengan Jquery tanda dolar $() adalah tanda wajib yang selalu dipakai di awal penulisan. ini adalah contoh penulisan fungsi Jquery, sebagai contoh ini adalah file HTML yang akan di berikan fungsi Jquery.











Hello World








Skarang kita mau membuat kata �Hello World� menjadi hilang. Pertama kita download dulu file Jquerynya di situs resminya. Lalu cara memanggil file Jquerynya seperti ini,



[removed][removed]



dan ingat masukan file Jquerynya dalam satu folder dengan file HTML nya, atau bila tidak mau repot kita bisa gunakan Jquery dari google.



[removed][removed]



Tinggal ketik urlnya tanpa perlu download. ^_^



Ok setelah itu kita siap untuk membuat function, dalam membuat fungsi ada beberapa cara yang bisa dipakai untuk memberikan fungsi pada HTML yang mau kita berikan fungsi.



cara pertama







[removed][removed]

[removed]

$(document).ready(function(){

$(�p�).click(function(){

$(this).hide();

});

});

[removed]





Hello World








Dalam memulai fungsi Jquery terdapat berbagai cara tergantung kebutuhan



$(document).ready(function(){



ini adalah salah satu contoh cara memulai fungsi Jquery, untuk saat ini kita akan fokus cara memberikan fungsi Jqurey pada HTML yang mau kita beri fungsi,



$(�p�).click(function(){ ini adalah salah satu cara pemberian fungsi dengan memangil tag HTMLnya, �p� pada fungsi Jquery adalah cara memanggil tag paragraph
pada HTML, jadi salah satu cara memberikan Jquery function pada HTML adalah dengan melakukan panggilan pada TAG HTML nya.



$(this).hide(); adalah function untuk membuat efect hilang.



Cara Kedua







[removed][removed]

[removed]

$(document).ready(function(){

$(�#hello�).click(function(){

$(this).hide();

});

});

[removed]





Hello World








Kita ubah bagian Hello World nya tadinya Hello World
menjadi Hello World




kita lihat cara pemanggilan nya



$(�#hello�).click(function(){



berbeda dengan yang pertama, sekarang kita dalam memberikan fungsi pada HTML, kita memangil ID yang mau kita beri fungsi, jadi cara kedua adalah dengan memanggil IDnya.



cara Ketiga







[removed][removed]

[removed]

$(document).ready(function(){

$(�.hello�).click(function(){

$(this).hide();

});

});

[removed]





Hello World








cara ketiga yaitu kita memanggil classnya, $(�.hello�).click(function(){



jadi ada tiga cara menggunakan fungsi Jquery pada HTML



Kita bisa memanggil Tag HTML yang akan di beri fungsi.

Kita bisa menggunakan ID.

Kita bisa Menggunakan Class.

Sekarang kita telah mengenal sedikit tentang JQuery, mudahkan??



ok sekian dulu artikel dari saya, semoga tutorial ini bermanfaat dan jangan lupa coment ya,,



Pada Artikel berikutnya kita akan belajar lebih jauh tentang Jquery.



Jadi sampai jumpa di artikel berikutnya,,,,,





SUMBER



jangan lupa tinggalkan jejak ya gan .

yaa

jjgn lupa