Cara menggunakan JQUERRY pada JavaScript

JQuery - JQuery Dasar

Cara menggunakan JQUERRY pada JavaScript

  • By
  • 2 January 2016
  • JQuery JQuery Dasar

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.

Cara menggunakan JQUERRY pada JavaScript

pengertian dan cara menggunakan jquery

Pada contoh ini saya membuat file index.html

index.html

<!DOCTYPE html>

<html>

<head>

<title>Tutorial belajar JQuery Part1: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

<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.

<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:

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

dan jquery yang di sediakan oleh microsoft:

<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.

Incoming search terms:

  • belajar jquery
  • cara menggunakan jquery
  • cara download jquery
  • penggunaan jquery
  • cara menggunakan jquery offline
  • menggunakan jquery
  • cara jquery
  • jquery adalah
  • cara menggunakan jquery pada php
  • https://www malasngoding com/pengertian-dan-cara-menggunakan-jquery/



Tags: Cara Menggunakan JQuery, Cara Menghubungkan file HTML dengan JQuery secara offline, Cara Menghubungkan file HTML dengan JQuery secara online, Cara Menghubungkan file PHP dengan JQuery secara offline, cara menghubungkan html dengan jquery, cara menghubungkan php dengan jquery, Cara Menginstall JQuery, jquery untuk pemula, library framework jquery, panduan dasar jquery, pengertian jquery dan kegunaannya, tutorial dasar jquery

Apakah jQuery termasuk JavaScript?

jQuery adalah Library JavaScript yang akan mempercepat proses pembuatan website. Keistimewaan dari jQuery adalah kesederhanaannya yang bisa digunakan programmer pemula karena sintaksnya tidak terlalu rumit.

Apa beda JavaScript dan jQuery?

Perbedaan antara jQuery dan JavaScript adalah bahwa jQuery lebih sederhana dan lebih mudah tetapi JavaScript lebih kuat dan tidak mengecewakan Dave.

Mengapa menggunakan jQuery?

Jquery mampu membuat setiap script javascript bisa dieksekusi di setiap browser. Dari sekian banyak hal seperti di atas, alasan utama dari banyaknya pengguna jQuery ini adalah karena kemampuannya untuk mempersingkat berbagai macam kode.

Apa saja yang bisa dilakukan jQuery?

Namun jQuery bisa membantu Anda untuk lebih mudah memahami dan menggunakan JavaScript untuk proses pengembangan aplikasi web..
Manipulasi HTML/DOM..
Manipulasi CSS..
HTML Event Methods..
Efek dan Animasi..
CSS3 Compliant..
Cross-Browser..