Belajar JQuery Part 1 : Pengertian Dan Cara Menggunakan JQuery

Pengertian Dan Cara Menggunakan JQuery
Setelah mempelajari tutorial belajar javascript dasar pada tutorial kategori javascript di www.malasngoding.com, kali ini akan di bahas sebuah kelanjutan dari javascript. anda yang sedang membaca tutorial ini pasti sudah sering mendengar tentang JQuery. bagi anda yang belum mengetahui pengertian jquery dan bagaimana cara menggunakan jquery maka pada tutorial kali ini di tutorial belajar jquery part 1 : pengertian dan cara menggunakan jquery ini akan di jelaskan tentang apa itu pengertian jquery dan bagaimana cara menggunakan jquery.
Pengertian JQuery
JQuery adalah sebuah library framework javascript. jadi singkat ceritanya JQuery merupakan pengembangan dari javascript yang sengaja di buat untuk memudahkan kita untuk mendevelop sebuah website dan ingin membuat efek-efek dan keperluan penggunaan javascript lainnya di dalam pengembangan sebuah website. sampai saat ini jQuery sudah sangat di kenal di dunia web programming. sehingga banyak plugin-plugin web lainnya yang di bangun menggunakan JQuery sebagai base nya. contohnya seperti plugin calender, grafik, export html to image, design komponen web dan sebagainya.
Hampir semua developer dunia sekarang sudah aktif menggunakan jquery sebagai pengganti javascript. artinya developer tidak perlu lagi mengetikkan syntax javascript yang terbilang cukup panjang-panjang untuk sebuah event. oleh karena itu banyak yang sudah aktif menggunakan jquery karena jquery juga merupakan pengembangan dari javascript. javascript sudah di bungkus menjadi fungsi-fungsi yang tinggal di gunakan saja pada jquery. untuk menggunakan jquery yang harus di lakukan adalah menghubungkan file jquery dengan file html atau php yang ingin kita hubungkan. caranya sama dengan cara menghubungkan file js seperti biasa.
Kelebihan JQuery
Berikut ini akan di jelaskan tentang kelebihan dari jquery yang saya rasakan sendiri. dan mungkin akan bertambah lagi bagi anda sendiri setelah mempelajari dan menggunakan framework jquery. adapun beberapa kelebihan dari jQuery adalah
- Lebih mudah di mengerti.
- Lebih mudah di gunakan.
- Ringan.
- Penulisan syntax yang lebih pendek tetapi sudah memiliki kebergunaan yang besar.
- Free.
- Bisa di kembangkan untuk membuat plugin-plugin web lain.
Cara Menggunakan JQuery
Ada beberapa cara untuk menggunakan JQuery, adapun cara yang bisa di gunakan adalah
- Menggunakan JQuery secara offline
menggunakan jquery secara offline maksudnya adalah dengan cara mendownload file jquery dan kemudian menghubungkan file html atau php dengan file jquery. - Menggunakan JQuery secara online
menggunakan jquery secara online maksudnya adalah menggunakan jquery dengan cara menghubungkan file HTML atau PHP dengan link online langsung dari jquery.
Cara Menghubungkan file HTML atau PHP dengan JQuery secara offline
Untuk anda yang jarang tersambung dengan koneksi internet cara ini sangat efektif karena anda hanya perlu mendownload file jquerynya dan menyimpan file jquery nya pada project kerja anda, kemudian hanya tinggal menghubungkannya. Cara untuk menggunakan jquery sangat lah mudah. sama seperti cara menghubungkan file JS dengan HTML atau PHP. tahap awal yang harus di lakukan adalah anda harus mendownload file library JQuery nya di website resmi JQuery. Klik di sini atau langsung di sini untuk download library framework jQuery. kemudian letakkan file jquery yang sudah di download kedalam folder project anda. untuk contoh tutorial belajar jquery pengertian dan cara menggunakan jquery ini saya meletakkannya dalam folder jquery di E:/DATA/malasngoding/tutorial/jquery/. karena untuk contoh ini saya hanya menggunakan file HTML. bagi anda yang ingin menggunakan JQuery di PHP bisa di sesuaikan dengan meletakkannya di localhost anda.

pengertian dan cara menggunakan jquery
Pada contoh ini saya membuat file index.html
index.html
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html> <html> <head> <title>Tutorial belajar JQuery Part 1 : Pengertian dan cara menggunakan jquery</title> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="jquery.js"></script> </head> <body> </body> </html> |
bisa di perhatikan pada contoh di atas. untuk menghubungkan file jquery dengan file html atau php bisa menggunakan syntax berikut
1 |
<script type="text/javascript" src="lokasi file jquery anda"></script> |
Cara Menghubungkan file HTML atau PHP dengan JQuery secara online
Seperti yang sudah di jelaskan pada situs resminya. untuk menghubungkan jquery secara online anda dapat menghubungkannya dengan cara berikut.
1 |
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> |
jika anda menghubungkan file jquery dengan cara ini maka anda harus terkoneksi dengan internet karena file jquery yang di tuju berada di server jquery.
atau bisa juga menghubungkan jquery dengan HTML atau PHP dengan cara menghubungkannya dengan link yang di sediakan oleh google bisa menggunakan:
1 |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> |
dan jquery yang di sediakan oleh microsoft:
1 |
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.3.min.js"></script> |
Sekian lah tutorial belajar JQuery Part 1: Pengertian dan cara menggunakan jquery. untuk tutorial jquery selanjutnya silahkan ikuti pada tutorial jquery selanjutnya di www.malasngoding.com. pada tutorial selanjutnya akan dijelaskan tentang pengenalan selector dan event pada JQuery.
Tutorial Menarik Lainnya

Membuat Pencarian Tanpa Reload Dengan PHP Dan Ajax JQuery


Membuat Halaman Web Ajax Tanpa Reload dengan JQuery


Show Hide Form Password Dengan JQuery

