Mengenal jQuery

alfa6661
- July 14, 2012
0 (0 votes)
Rate :
Pengenalan Jquery

JQuery merupakan suatu framework (library) Javascript yang menekankan bagaimana interaksi antara Javascript dan HTML. jQuery dirancang untuk memperingkas kode-kode javascript. Pada perkembangannya JQuery tidak sekedar sebagai framework Javascript, namun memiliki kehandalan dan kelebihan yang cukup banyak. Hal tersebut menyebabkan banyak developer web menggunakannya. JQuery memiliki slogan "Write less, do more" yang kurang lebih maksudnya adalah kesederhanaan dalam penulisan code, tapi dengan hasil yang lebih banyak.

Sebelumnya telah dikatakan bahwa jQuery dirancang untuk memperingkas kode-kode javascript, contoh :

Dalam javascript untuk mengambil nilai suatu textbox digunakan cara berikut:

var nilai_textbox = document.getElementById("id_textbox").value;

Dengan Jquery kita dapat mempersingkat penulisan kode tersebut.

var nilai_textbox = $("id_textbox").val();

Apa yang bisa dilakukan jQuery

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). JQuery menawarkan cara yang mudah dalam mengakses bagian tertentu dari halaman.

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, contohnya beberapa perintah CSS tidak didukung oleh semua browser. Sekali lagi JQuery menawarkan solusi untuk mengatasi hal tersebut. Dengan JQuery, masalah yang terjadi antara browser dalam urusan CSS akan tertutup dengan baik.

Mengubah isi dari halaman.

Sebelumnya, cukup sulit jika kita akan mengubah sebagian isi dari halaman. Dengan JQuery, hal tersebut dapat dilakukan dengan hanya beberapa baris perintah.

Menambahkan animasi ke halaman.

JQuery sendiri menawarkan konsep animasi, Salah satu animasi yang bisa dibuat dengan JQuery adalah fading.

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.

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.

Contoh

Menambahkan jQuery library

jQuery disimpan sebagai file JavaScript tunggal, yang berisi semua metode jQuery.

<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

Contoh Sederhana

<html>
<head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("button").click(function(){
        $("p").hide();
      });
    });
    </script>
</head>
<body>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
    <button>Click me</button>
</body>
</html>

Download jQuery

jQuery dapat didownload di situs resminya jQuery.com.

Computer science education cannot make anybody an expert programmer any more than studying brushes and pigment can make somebody an expert painter

– Eric S. Raymond

Have a better explanation?

If you have comments about this post. Please write your comments below

No comments associated with this article