• Klik tertinggi

  • Backlink

  • Follow Fadilmuhdi's Blog on WordPress.com
  • Masukkan alamat surat elektronik Anda untuk mengikuti blog ini dan menerima pemberitahuan tentang tulisan baru melalui surat elektronik.

    Bergabunglah dengan 1 pengikut lainnya

  • fadilmuhdi

  • Statistik Blog

    • 120,458
  • Kategori

  • Arsip

  • Tulisan Teratas

Pengenalan jQuery

jQuery adalah sebuah library atau framework javascript yang berfungsi untuk membuat script didalam sebuah halaman web sehingga halaman akan tampil dinamis dengan adanya tambahan – tambahan animasi maupun manipulasi pada suatu elemen website. banyak sekali sekarang bertebaran framework javascript, namun dari setiap framework tersebut ada kelebihan maupun kelemahan dan juga yang paling penting itu adalah fungsi spesifik dari framework tersebut . misalnya DOjo, prototype,ext-js,jQuery dsb..nah smwa ntu berbeda tetapi masih tetap dalam satu lingkup bahasa pemrograman javascript. disini jquery,dojo,prototype lebih di tekankan pada sebuah bahasa scripting browser, atau bahasa yang berjalan pada browser, yang biasanya di gunakan untuk mempercantik halaman web dengan tambahan efek animasi dsb.  kalau saya lebih cenderung memakain jQuery karena lebih pas aja makenya..dan mudah di pelajari. disini saya sering memakai jquery guna untuk mempercantik web, membuat animasi web, mempercepat proses load page web dengan menggunakan konsep ajax yang di gabung dengan script jQuery dsb..pokoknya power full dah. mungkin itu penjelasan dari jQuery itu sendiri, selanjutnya saya akan berbagi tentang bagaimana cara memakai jQuery.

1. buat file index.html/index.php pada folder project. fungsi dari index adalah file yang di gunakan untuk meload  page di awal.

2.download jQuery, sekarang jQuery sudah sampai versi 1.7 bla bla…

3.sambung kan kedua file tersebut. kita tinggal panggil file jQuery didalam file index.”<script type=”text/javascript” src=”jQuery”></script>”.

nah selanjutnya peralatan kita telas selesai. sekarang cara untuk mengimplementasikannya .
4.disini saya akan memberikan contoh pemakaian unsur2 jQuery. unsur-unsur jQuery dapat dillihat di jQuery nah nanti di situ terdapat pilihan dari CORE sampai INternals . itu semua merupakan unsur-unsur jQuery,

5.bla bla bla kok nglantur sana sini he..

6.to the point dah..

nah dengan melihat source code tersebut maka kita bisa melihat peranan dari jQuery.
baris pertama
<script  type=”text/javascript” src=”jQuery.js”></script>
ini merupakan pemanggilan jQuerynya sehingga siap pakai.
baris kedua

<script  type=”text/javascript” >

$(document).ready(function(){
var tombol = $(‘button’);
var kotak = $(‘div’);

tombol.click(function(){

kotak.css({“background-color”:”red”}).animate({marginLeft: ’200px’},1000).fadeOut(2000);

});

});

</script>

adalah script dari jQuery nya. di sini sudah terdapat CORE jQuery, EVENT jQuery, CSS jQuery, EFFECT jQuery. kesemuanya itu adalah unsur – unsur pendukung jQuery. jadi mengulang penjelasan di atas kita harus pelajari semua unsur jQuerynya.

baris ketiga dan yang terakhir

<button>click</button>

<div></div>

inilah elemen HTML yang digunakan di dalam pengimplementasian dari jQuery. dan nantinya elemen-elemen tersebut akan terisi script javascript(jQuery), guna memanipulasi elemennya.

7. tips saya jangan pntang menyerah. jQuery mudah di pelajari. kita tinggal perdalam unsur – unsur jQuery, ,semua ada di

http://api.jquery.com/browser/

sekian dan terima kasih..

Satu Tanggapan

  1. Terima kasih, informasi yang Saya dapat dari web ini sangat bermanfaat sekali.
    Salam dari :
    Poker Online, Game Facebook, Judi Online, Nagapoker

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: