jQuery vs jQuery Mobile vs jQuery UI?

97

Saya baru mengenal pengembangan web dan ada terlalu banyak hal-hal j * di luar sana. Saya ingin tahu apa perbedaan antara kerangka kerja ini?

Apalagi kenapa orang banyak bicara tentang membuat plugin menggunakan jQuery? Bukankah itu seharusnya perpustakaan JavaScript untuk membuat halaman web Anda lebih interaktif?

Chan Le
sumber
3
Tidak, ini adalah pertanyaan yang berarti untuk setiap pemula seperti saya (terima kasih telah mengajukan pertanyaan dan bukan memodifikasi)!
FredyWenger

Jawaban:

196

jQuery adalah kerangka kerja JavaScript yang dirancang untuk memungkinkan pengembang secara harfiah "menulis lebih sedikit, melakukan lebih banyak", 3 rasa berbeda yang Anda tanyakan, melakukan hal yang sangat berbeda.

Pertama jQuery adalah pustaka inti yang berisi fungsionalitas utama kerangka kerja, jadi jika Anda ingin membuat elemen memudar, Anda akan menyertakan jQuery di halaman Anda, dan kemudian memanggil fadeIn()fungsi di salah satu elemen Anda.

jQuery UI dibuat dengan elemen antarmuka pengguna dan interaksi dalam pikiran yang umumnya membutuhkan banyak kode untuk memanipulasi sebaliknya. Jadi pustaka berisi hal-hal seperti kemampuan untuk menarik dan melepas elemen, dan mendapatkan informasi berguna dari interaksi tersebut. Tetapi pada saat yang sama terdapat fokus pada tampilan dan nuansanya, oleh karena itu ada semua jenis tema yang tersedia untuk memberi gaya pada elemen UI yang kuat ini di pustaka ini.

jQuery mobile adalah kerangka kerja yang kuat yang dibangun di atas jQuery dan dirancang khusus untuk platform seluler - setelah semua fungsi hal-hal seperti seret dan lepas perlu dipikirkan kembali untuk layar sentuh, seperti halnya fungsi inti seperti "melayang" yang tidak ada di ponsel.

Secara keseluruhan, kerangka kerja dapat digunakan untuk meningkatkan kegunaan situs, dan benar-benar menghemat banyak waktu pengembang. Untuk mempelajari lebih lanjut tentang kerangka kerja, kunjungi Belajar jQuery - sumber daya yang bagus untuk memulai.

Plugin memungkinkan pengembang web untuk mengambil solusi untuk masalah mereka dan mengabstraksikannya menjadi satu blok fungsional dan independen (biasanya dalam file terpisah). Mereka kemudian dapat membagikannya dengan semua orang sehingga mereka dapat melakukan hal yang sama. Jadi, jika seseorang membangun fitur galeri untuk situs yang mereka buat, membuat plugin akan memungkinkan mereka menggunakan kembali kode dengan mudah, dan membantu orang lain menghadapi masalah yang sama.

Tom Walters
sumber
2
Jika saya menggunakan jquery mobile, saya juga perlu menggunakan jQuery? Maksud saya, apakah jQuery mobile menyediakan semua fungsionalitas jQuery (kecuali acara mouse / keyboard)?
Muhammad Qasim
4
@MuhammadQasim Memang Anda memang membutuhkan inti jQuery, lihat pertanyaan ini .
Tom Walters
7
jQuery Mobile tidak dibangun di atas jQueryUI. Anda dapat dengan mudah melihatnya saat membandingkan Object.keys($.fn)di kedua kerangka kerja. Saya tidak yakin apakah ini benar di masa lalu. Saat ini mungkin ada ketidakcocokan tertentu di antara keduanya.
pengguna123444555621
3
Untuk pengunjung yang lebih baru, jQuery UI masih belum cukup cepat untuk pengembangan seluler, tetapi ada bantuan luar biasa yang membuatnya jadi: touchpunch.furf.com
silencedmessage