jQuery vs jQuery Mobile và jQuery UI?


97

Tôi mới bắt đầu phát triển web và có quá nhiều thứ j * ngoài kia. Tôi tự hỏi sự khác biệt giữa các khuôn khổ này là gì?

Hơn nữa, tại sao mọi người lại nói nhiều về việc tạo một plugin bằng jQuery? Nó không phải là một thư viện JavaScript để làm cho trang web của bạn tương tác hơn?


3
Không, đây là một câu hỏi có ý nghĩa cho bất kỳ người mới nào như tôi (cảm ơn vì đã đặt câu hỏi và không mod nó)!
FredyWenger

Câu trả lời:


196

jQuery là một khung công tác JavaScript được thiết kế để cho phép các nhà phát triển "viết ít hơn, làm nhiều hơn" theo đúng nghĩa đen, 3 hương vị khác nhau mà bạn đang yêu cầu, làm những việc rất khác nhau.

Đầu tiên jQuery là thư viện cốt lõi chứa chức năng chính của khung công tác, vì vậy nếu bạn muốn làm cho một phần tử mờ dần, bạn sẽ bao gồm jQuery trên trang của mình và sau đó gọi fadeIn()hàm trên một trong các phần tử của bạn.

jQuery UI được tạo với các yếu tố giao diện người dùng và các tương tác thường yêu cầu nhiều mã để thao tác khác. Vì vậy, thư viện chứa những thứ như khả năng kéo và thả các phần tử và nhận thông tin hữu ích từ những tương tác đó. Nhưng đồng thời cũng tập trung vào giao diện, do đó có tất cả các loại chủ đề có sẵn để tạo kiểu cho các phần tử giao diện người dùng mạnh mẽ này trong thư viện này.

jQuery mobile là một khung công tác mạnh mẽ được xây dựng dựa trên jQuery và được thiết kế đặc biệt cho các nền tảng di động - sau khi tất cả các chức năng của những thứ như kéo và thả cần được xem xét lại cho màn hình cảm ứng, cũng như chức năng cốt lõi như "di chuột" vốn đơn giản không tồn tại trên thiết bị di động.

Tất cả các khuôn khổ cùng nhau có thể được sử dụng để nâng cao khả năng sử dụng của một trang web và thực sự tiết kiệm rất nhiều thời gian cho các nhà phát triển. Để tìm hiểu thêm về khung công tác, hãy truy cập Học jQuery - một tài nguyên tuyệt vời để bắt đầu.

Các plugin cho phép các nhà phát triển web đưa ra giải pháp cho vấn đề của họ và tóm tắt nó thành một khối chức năng và độc lập (thường là trong một tệp riêng biệt). Sau đó, họ có thể chia sẻ điều đó với mọi người để họ cũng có thể làm được như vậy. Vì vậy, nếu ai đó xây dựng tính năng thư viện cho trang web mà họ đã tạo, việc tạo một plugin sẽ cho phép họ dễ dàng sử dụng lại mã và giúp những người khác gặp phải vấn đề tương tự.


2
Nếu tôi sử dụng jquery mobile thì tôi cũng sẽ cần sử dụng jQuery? Ý tôi là jQuery mobile có cung cấp tất cả các chức năng của jQuery (ngoại trừ các sự kiện chuột / bàn phím) không?
Muhammad Qasim

4
@MuhammadQasim Thật vậy, bạn yêu cầu lõi jQuery, hãy xem câu hỏi này .
Tom Walters

7
jQuery Mobile không được xây dựng trên jQueryUI hàng đầu. Bạn có thể dễ dàng nhận thấy điều đó khi so sánh Object.keys($.fn)trong cả hai khuôn khổ. Tôi không chắc liệu điều này có đúng trong quá khứ hay không. Hôm nay có thể có một số điểm không tương thích giữa hai người.
user123444555621

3
Đối với khách mới, jQuery UI vẫn không khá lên đến tốc độ phát triển điện thoại di động, nhưng có một helper tuyệt vời mà làm cho nó như vậy: touchpunch.furf.com
silencedmessage
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.