jQuery vs jQuery Mobile vs jQuery UI?

97

Jestem nowy w tworzeniu stron internetowych i jest tam za dużo rzeczy j *. Zastanawiam się, jakie są różnice między tymi frameworkami?

Co więcej, dlaczego ludzie dużo mówią o tworzeniu wtyczki za pomocą jQuery? Czy to nie powinna być biblioteka JavaScript, aby Twoja strona internetowa była bardziej interaktywna?

Chan Le
źródło
3
Nie, to ważne pytanie dla każdego nowicjusza takiego jak ja (dziękuję za zadanie pytania i nie modyfikowanie go)!
FredyWenger

Odpowiedzi:

196

jQuery to framework JavaScript zaprojektowany, aby umożliwić programistom dosłownie „pisać mniej, robić więcej”, w 3 różnych wariantach, o które pytasz, robiąc bardzo różne rzeczy.

Po pierwsze, jQuery to podstawowa biblioteka, która zawiera główną funkcjonalność frameworka, więc jeśli chcesz, aby element pojawił się, umieścisz jQuery na swojej stronie, a następnie wywołaj fadeIn()funkcję na jednym z elementów.

Interfejs użytkownika jQuery został stworzony z myślą o elementach interfejsu użytkownika i interakcjach, które generalnie wymagają dużej ilości kodu, aby móc manipulować w inny sposób. Biblioteka zawiera więc takie rzeczy, jak możliwość przeciągania i upuszczania elementów oraz uzyskiwania przydatnych informacji z tych interakcji. Ale jednocześnie skupiamy się na wyglądzie i działaniu, dlatego w tej bibliotece dostępnych jest wiele rodzajów motywów do stylizacji tych potężnych elementów interfejsu użytkownika.

jQuery mobile to potężna platforma zbudowana na bazie jQuery i zaprojektowana specjalnie dla platform mobilnych - w końcu funkcjonalność takich rzeczy jak przeciąganie i upuszczanie musi zostać ponownie przemyślana pod kątem ekranów dotykowych, podobnie jak podstawowe funkcje, takie jak „najechanie”, które po prostu nie istnieją na urządzeniach mobilnych.

Wszystkie te frameworki mogą być wykorzystane do zwiększenia użyteczności witryny i naprawdę zaoszczędzić programistom dużo czasu. Aby dowiedzieć się więcej o frameworku, odwiedź Learning jQuery - świetne źródło informacji na początek.

Wtyczki umożliwiają twórcom stron internetowych rozwiązanie problemu i wyodrębnienie go w jeden funkcjonalny i niezależny blok (zwykle w osobnym pliku). Mogą następnie udostępnić to wszystkim innym, aby mogli zrobić to samo. Jeśli więc ktoś utworzy funkcję galerii dla utworzonej przez siebie witryny, stworzenie wtyczki umożliwiłoby mu łatwe ponowne użycie kodu i pomogłoby innym, którzy mają ten sam problem.

Tom Walters
źródło
2
Jeśli korzystam z jQuery mobile, to będę też musiał używać jQuery? Mam na myśli, czy jQuery mobile zapewnia wszystkie funkcje jQuery (z wyjątkiem zdarzeń myszy / klawiatury)?
Muhammad Qasim
4
@MuhammadQasim Rzeczywiście potrzebujesz rdzenia jQuery, zobacz to pytanie .
Tom Walters
7
jQuery Mobile nie jest zbudowany na bazie jQueryUI. Możesz to łatwo zobaczyć, porównując Object.keys($.fn)w obu frameworkach. Nie jestem pewien, czy w przeszłości było to prawdą. Dzisiaj mogą wystąpić pewne niezgodności między nimi.
user123444555621
3
Dla nowszych gości, jQuery UI nie jest jeszcze całkiem do prędkości na rozwój telefonii komórkowej, ale jest wspaniałym pomocnikiem, który sprawia, że tak: touchpunch.furf.com
silencedmessage