" BANTU SUBSCRIBE CHANNEL YOUTUBE SAYA, AGAR SAYA MEMBUAT VIDEO TUTORIAL SETIAP POSTINGAN BLOG INI DAN MASIH BANYAK LAGI YANG BISA SAYA BAGIKAN UNTUK SOBAT-SOBAT SEKALIAN. TERIMAKASIH SEBELUMNYA "


JQuery adalah suatu framework (library) Javascript yang menggambarkan bagaimana interaksi antara Javascript dan HTML. JQuery pertama kali dirilis pada tahun 2006 oleh John Resig. Pada perkembangannya JQuery tidak sekedar sebagai framework Javascript, namun memiliki kehandalan dan keunggulan yang cukup banyak. Hal tersebut banyak menyebabkan para developer web menggunakannya dalam pembuatan sebuah website. JQuery memiliki slogan “Write less, do more” yang kurang lebih maksudnya adalah kesederhanaan dalam penulisan code, tapi dengan hasil yang lebih banyak. Degan istilah kata lain bisa disebutkan, kecil-kecil cabe rawit.
jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.
JQuery merupakan library open source dengan lisensi GNU General Public License dan MIT License. Dari sisi ukurannya, framework JQuery sungguh ramping, hanya sekitar 20 KB dan hanya terdiri dari satu file. Namun demikian, bagi yang menginginkan fungsi lebih, JQuery memungkinkan penambahan fungsionalitas dalam bentuk plugin. Saat ini tersedia ribuan plugin yang dapat diperoleh secara gratis di internet.

Apa yang bisa Anda Lakukan dengan JQuery?

1. Mengakses bagian halaman tertentu dengan mudah.
Tanpa adanya library Javascript khusus, untuk mengakses suatu bagian tertentu dari halaman, harus mengikuti aturan Document Object Model (DOM) dan pengaksesan harus secara spesifik menyesuaikan dengan struktur HTML. Dengan kata lain, pengaksesan bagian tertentu dari halaman sangat tergantung pada struktur dari HTML. JQuery menawarkan cara yang mudah (bahkan sangat mudah) dalam mengakses bagian tertentu dari halaman. Pengaksesan juga tidak terlalu bergantung pada struktur HTML.
2. Mengubah tampilan bagian halaman tertentu.
CSS (Cascading Style Sheet) menawarkan metode yang cukup handal dalam mengatur dan mempercantik halaman web. Namun terkadang CSS punya kelemahan yang cukup mengganggu, yaitu beberapa perintah CSS tidak didukung oleh semua browser. Cukup merepotkan jika kita harus mendesign halaman web dengan beberapa CSS sekaligus. Sekali lagi JQuery menawarkan solusi untuk mengatasi hal tersebut. Dengan JQuery, “kesenjangan” yang terjadi antara browser dalam urusan CSS akan tertutup dengan baik.
3. Mengubah isi dari halaman.
Jaman dulu (baca:sebelum JQuery lahir) cukup sulit jika kita akan mengubah sebagian isi dari halaman. Mengubah disini dapat berarti mengganti teks, menambahkan teks atau gambar, mengurutkan suatu daftar (list), menghapus baris tabel dan sebagainya. Dengan JQuery, hal tersebut dapat dilakukan dengan hanya beberapa baris perintah.
4. Merespond interaksi user dalam halaman.
Website yang baik tidak cukup digambarkan dengan user-interface dan tampilan yang memukau. Namun lebih dari itu, bagaimana pengunjung dapat berinteraksi dengan website dan dapat mengatur tampilannya sendiri. Interaktivitas sangat bergantung bagaimana pemrograman yang dipakai dalam menangani event-handling. Javascript sendiri memiliki beberapa event-handling seperti onclick untuk menangani event saat terjadi click. Namun demikian, event handling pada Javascript terbatas pada object-object tertentu, dan jenisnya pun terbatas. JQuery melengkapi semuanya dengan tambahan penanganan event-handling yang semakin mudah.
5. Menambahkan animasi ke halaman.
Animasi seringkali disertakan dalam suatu halaman web untuk menambah kecantikannya. Saat ini animasi masih cukup digemari oleh para peselancar situs. Animasi dapat dibuat dalam berbagai gaya, ada yang menggunakan Flash, gambar bergerak (GIF), video, dan sebagainya. Masing-masing tentu memiliki kelebihan dan kekurangan masing-masing. JQuery sendiri menawarkan konsep animasi (walaupun masih sederhana) yang cukup apik namun ramah bandwidth alias ringan. Salah satu animasi yang bisa dibuat dengan JQuery adalah fading jika terdapat suatu bagian dari halaman ditambahkan atau dihilangkan.
6. Mengambil informasi dari server tanpa me-refresh seluruh halaman.
Mengambil informasi dari server tanpa refresh halaman merupakan salah satu konsep dasar dari yang namanya AJAX (Asynchronous Javascript and XML). Pada penerapannya, cukup ribet jika harus membangun website dengan konsep AJAX, saat ini banyak library khusus yang berusaha mempermudahnya. JQuery merupakan salah satunya.
7. Menyederhanakan penulisan Javascript biasa.
Semboyan JQuery adalah “Write less, do more” atau dengan kata lain kesederhanaan dalam penulisan code, tetapi menghasilnya tampilan yang lebih. Sebenarnya inilah yang menjadi daya tarik tersendiri buat para pengembang web untuk menggunakan JQuery.

Download JQuery

Situs resmi JQuery dapat diakses di http://jquery.com/. Dan library JQuery dapat didownload di alamat http://docs.jquery.com/Downloading_jQuery. Tersedia library jQuery dalam 2 (dua) jenis yaitu minifieddan uncompressed. Minified jika kita ingin menggunakannya saja dalam website kita (ukuran 18 KB), sedangkan uncompressed jika kita berkeinginan turut serta mengembangkan code jQuery.

Contoh Sederhana JQuery

Contoh sederhana penggunaan JQuery
Contoh sederhana penggunaan JQuery
Penjelasan Program
1. Pertama, kita harus menyertakan (include) file library JQuery. Pastikan letak dari file library sudah benar.
2. Perintah-perintah JQuery.
  • Baris 8 merupakan perintah inisialisasi dimana saat halaman (dokumen) siap ditampilkan maka jalankan juga perintah yang ada di dalamnya. Hal ini mirip dengan event onLoad yang biasanya diletakkan di tag <body>.
  • Baris 9-11 maksudnya adalah mendefinisikan action yang terjadi saat link dengan class=show ( $(‘a.show’) ) diklik (lihat link baris ke-22). Jadi jika link di-klik maka paragraf dengan nama class=jquery ( $(‘p.jquery’) ) akan tampil dengan durasi tampil “slow”. Paragraf yang akan ditampilkan adalah paragraf baris ke-24 sampai 27.
  • Baris 13-15 sebaliknya, akan menyembunyikan isi dari paragraf yang mengandung nama class=jquery.
3. Isi dari halaman. Perhatikan nama class dari masing-masing object.

Sekian Tutorial Dasar Jquery nya, saya harap dapat berguna bagi setiap yang membacanya. 

WEVITEYOU.COM
Baca Juga Tutorial Dibawah ini

19 komentar:

Jason Bourne mengatakan...

mas,mau tanya nih...kalo udh di download jquery nya terus disimpannya dmn y?
soalnya saya lgi ngebangun web pake dreamwever cs5.5,tp itulah jquerynya gak terbaca..itu kira2 knp y?

Ivan Silalahi mengatakan...

jquery nya disimpan dalam folder penyimpanan file2 web anda ,,

contohnya ,,

di drive c/apache/htdocs/

Hokag3 mengatakan...

mabok gw sama jquery mesti private...ckckckck

AWANK-CHAN mengatakan...

Terimakasih gan,,membantu sekali bagi yang belum tau seperti ane ini...

Unknown mengatakan...

hem...
terus kalau yang pake blogger gimana itu sob...
mau d.taruh dimana...???
mohon pencerahannya...

Jangan lupa mampir ke http://komputerista.blogspot.com/

Template Toko Online Blogger Premium mengatakan...

makasih kang,sudah berbagi pengalam untuk belajar...

mampir di jasa toko online www.jasawebcipta.com

Unknown mengatakan...

salam kenal bang!! terimakasih infonya..kami tunggu info seperti ini lainnya.Paragraf ke2-3 bisa mohon jelaskan lagi ? :D

asdasd123 mengatakan...

makasih infonya boss ijin titip lapak
http://armaniqq.pokerv77.org
http://facebookqq.pokerv77.org
http://dewapokerqq.pokerv77.org
http://mbo.pokerv77.org
http://saranapelangi.pokerv77.org
http://pokeronelinecc.fullbonus.org
http://medanpoker.fullbonus.org
http://pondokqq.fullbonus.org
http://hakapoker.fullbonus.org
http://kaptenpoker.fullbonus.org
http://armani.pokerv77.org
http://juraganqq.pokerv77.org
http://sarangdomino.pokerv77.org

Unknown mengatakan...

DEWAJUDIQQ situs judi online terbaik. menyediakan promo menarik mulai dari CASHBACK/TURNOVER dan Bonus REFRENSI/REFERRAL yang sangat menarik.
Serta JACKPOT yang sangat besar.
Menyediakan 7 permainan kartu di dalam 1 website dan 1 akun:
Kunjungi website kami hanya di
# www DEWAJUDIQQ INFO #
Bila anda mempunyai pertanyaan silahkan langsung menghubungi kami di :
Twitter : dewajudiqq99
Facebook : dewajudiqq
Instagram : Dewajudiqiuqiu
BBM : 2AF2314F
WA : +85593827763

pragmatic mengatakan...

Dadupoker.poker

Agen Situs Judi Online BandarQ 7 Games 1 ID
Minimal Deposit hanya 20 ribu ^^
Modal sedikit untung sampai JUTAAN RUPIAH!!!

Promo Dadupoker Bulan October 2017 :

- Bonus Referral 10% + 10% ( Seumur Hidup )
- Bonus TurnOver Hingga 0,5% ( Setiap Hari !!! )

Info Lebih Lanjut >>> Live Chat & BBM : 2BE2B4B7 ( 24jam Online )

pragmatic mengatakan...

DADUPOKER

Situs Judi Online Poker & Domino 7 Games 1 ID
Minimal Deposit Hanya Rp. 20.000,-
Modal Sedikit Untung JUTAAN RUPIAH !!! ^-^

Alamat Link : wwww.dadupoker.poker

#. Bonus Referral 10% + 10% ( Seumur Hidup )
#. Bonus TurnOver Hingga 0,5% ( Setiap Hari )

Info Selengkapnya >>> LiveChat & BBM 2BE2B4B7 (24jam ONLINE).

vipmandiriqq mengatakan...

Di Mastercasino88 Minimal Deposit Rp.25.000,-
Minimal Withdraw Rp.50.000,-
Bonus Yang Disediakan :
*Bonus Rollingan 0,8%
*Bonus Referral 3% Seumur Hidup

cvtugu mengatakan...

Terimakasih artikelnya sangat membantu..
Training Android & Web

dktourjogja mengatakan...

makasih kak artikelnya sangat membantu saya
monggo mampir kak
Belajar Web

reynandkyle mengatakan...

Artikel yang sangat bagus dan bermanfaat sekali untuk dibaca dan menambah wawasan kalian guys! Jangan lupa dibaca ya,
Info Seputar Bola

Bidakcatur mengatakan...

perkembangan jaman kini mulai membuat dunia murka, mungkin tuhan menurunkan covid 19 atau corona sebagai salah satu solusi menurunkan emisi polusi di dunia. ditambah lagi tindak lanjut dengan mengambil beberapa nyawa untuk mengurangi populasi dunia dengan manusia-manusianya. kalau tidak mau menjadi korban dari covid hendaklah kita banyak berdoa dan tetap stay safe at home. langsung mainkan arena pasang angka taruhan togel online
- Prediksi Angka Sgp
- Bocoran Angka Hk
- Prediksi Sydneypools
- Rajatoto

Private tutor Lighthouse mengatakan...

It is awesome list.I wasn't aware of this feature of this article.Home school tutor Sag Harbor thanks!

Private tutor Lighthouse mengatakan...

Thanks for posting! I really like what you've acquired here; You should keep it up forever!Private Tutor Winter Park Best of luck

Yori mengatakan...

I guess your tips are really useful Private tutor Tampa

Posting Komentar