Untuk memudahkan kita dalam menerapkan jQuery pada website kita, sebaiknya kita pahami lebih dulu prinsip cara penggunaan jQuery UI.

Pertama yang harus kita pahami adalah bagaimana struktur dari folder jQuery UI. Struktur folder jQuery UI adalah sebagai berikut :

Jika kita perhatikan struktur folder di atas, maka sebenarnya yang perlu diperhatikan hanya folder development-bundle, karena di dalamnya terdapat folder-folder inti jQuery UI, terutama folder ui yang menyimpan file-file library jQuery dan folder themes yang menyimpan file-file CSS.

Setelah mengenal struktur folder jQuery UI, maka kita akan lebih mudah menerapkan jQuery pada website kita, Langkah-langkahnya adalah sebagai berikut:

1. Copy folder development-bundle ke folder utama website kita.
2. Panggil file CSS utama jQuery UI, yaitu ui.all.css yang terdapat di folder development-bundle/themes/base/ (sesuaikan dengan folder themes) yang digunakan.
   scriptnya:

<link rel="stylesheet" type="text/css" href="development-bundle/themes/base/ui.all.css">

3. Panggil library jQuery UI, yaitu jquery-1.3.2.js yang terdapat di folder development-bundle.
   scriptnya:

   <script  type="text/javascript" src="development-bundle/jquery-1.3.2.js"></script>

4. Panggil library utama jQuery UI, yaitu ui.core.js yang terdapat di folder development-bundle/ui/.
   scriptnya:

   <script  type="text/javascript" src="development-bundle/ui/ui.core.js"></script>

    
5. Dan terakhir, panggil library komponen jQuery UI yang ingin digunakan, misalnya datepicker, yaitu ui.datepicker.js yang juga terdapat di folder development-bundle/ui/.
   scriptnya:

   <script  type="text/javascript" src="development-bundle/ui/ui.datepicker.js"></script>

    

 Demikian

5 Prinsip Menggunakan JQuery UI

Untuk penerapannya pada website bisa diikuti terus blog bum1.info