{"id":38523,"date":"2019-10-31T22:24:17","date_gmt":"2019-10-31T19:24:17","guid":{"rendered":"https:\/\/prohoster.info\/blog\/istoriya-i-nasledie-jquery\/"},"modified":"2019-10-31T22:24:17","modified_gmt":"2019-10-31T19:24:17","slug":"istoriya-i-nasledie-jquery","status":"publish","type":"post","link":"https:\/\/prohoster.info\/de\/blog\/novosti-interneta\/istoriya-i-nasledie-jquery","title":{"rendered":"Die Geschichte und das Erbe von jQuery","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p><img decoding=\"async\" alt=\"Die Geschichte und das Erbe von jQuery\" src=\"\/wp-content\/uploads\/2019\/10\/beb7b33761181e6b478031cf1b85e6c6.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\njQuery \u2014 <noindex><a rel=\"nofollow\" href=\"https:\/\/trends.builtwith.com\/javascript\/jQuery\">die beliebteste<\/a><\/noindex> JavaScript-Bibliothek der Welt. Eine Gemeinschaft von Webentwicklern schuf sie Ende der 2000er Jahre, was zur Entstehung eines reichen \u00d6kosystems von Websites, Plugins und Frameworks f\u00fchrte, die jQuery im Hintergrund nutzen.<\/p>\n<p>In den letzten Jahren hat jedoch ihr Status als Hauptwerkzeug f\u00fcr die Webentwicklung nachgelassen. Lassen Sie uns betrachten, warum jQuery popul\u00e4r wurde und warum es aus der Mode gekommen ist, sowie in welchen F\u00e4llen es noch sinnvoll sein kann, es zur Erstellung moderner Websites zu verwenden.<br \/>\n<noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><\/p>\n<h2>Kurze Geschichte von jQuery<\/h2>\n<p>\nJohn Resig (<noindex><a rel=\"nofollow\" href=\"https:\/\/johnresig.com\/\">John Resig<\/a><\/noindex>) stellte die erste Version der Bibliothek 2005 vor und <noindex><a rel=\"nofollow\" href=\"https:\/\/johnresig.com\/blog\/barcampnyc-wrap-up\/\">ver\u00f6ffentlichte sie 2006<\/a><\/noindex>- auf einer Veranstaltung namens BarCampNYC. Auf <noindex><a rel=\"nofollow\" href=\"https:\/\/web.archive.org\/web\/20060203025710\/http:\/\/jquery.com\/\">der offiziellen jQuery-Website<\/a><\/noindex> schrieb der Autor:<\/p>\n<blockquote><p>jQuery ist eine JavaScript-Bibliothek, die auf dem Motto basiert: Programmieren mit JavaScript sollte Spa\u00df machen. jQuery nimmt h\u00e4ufige, wiederkehrende Aufgaben, entfernt \u00fcberfl\u00fcssigen Markup und macht sie kurz, elegant und verst\u00e4ndlich.<\/p><\/blockquote>\n<p>\njQuery bietet zwei wesentliche Vorteile. Der erste ist eine benutzerfreundliche API zur Manipulation von Webseiten. Insbesondere bietet sie leistungsstarke Methoden zur Auswahl von Elementen. Man kann nicht nur nach ID oder Klassen ausw\u00e4hlen, jQuery erm\u00f6glicht es, komplexe Ausdr\u00fccke zu schreiben, um beispielsweise Elemente basierend auf ihren Beziehungen zu anderen Elementen auszuw\u00e4hlen.<\/p>\n<pre><code class=\"javascript\">\/\/ Select every item within the list of people within the contacts element\n$('#contacts ul.people li');<\/code><\/pre>\n<p>\nIm Laufe der Zeit entwickelte sich der Auswahlmechanismus zu einer eigenst\u00e4ndigen Bibliothek <noindex><a rel=\"nofollow\" href=\"https:\/\/sizzlejs.com\/\">Sizzle<\/a><\/noindex>.<\/p>\n<p>Ein weiterer Vorteil der Bibliothek war, dass sie die Unterschiede zwischen den Browsern abstrahierte. In jener Zeit war es eine Herausforderung, Code zu schreiben, der in allen Browsern zuverl\u00e4ssig funktionierte. <\/p>\n<p>Die fehlende Standardisierung bedeutete, dass Entwickler zahlreiche Unterschiede zwischen den Browsern und Randf\u00e4lle ber\u00fccksichtigen mussten. Schauen Sie sich <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/daniellmb\/jquery-archive\/blob\/master\/jquery.2006-07-01.js\">diesen fr\u00fchen jQuery-Code an<\/a><\/noindex> und suchen Sie nach jQuery.browser. Hier ist ein Beispiel:<\/p>\n<pre><code class=\"javascript\">\/\/ If Mozilla is used\nif ( jQuery.browser == \"mozilla\" || jQuery.browser == \"opera\" ) {\n        \/\/ Use the handy event callback\n        jQuery.event.add( document, \"DOMContentLoaded\", jQuery.ready );\n\n\/\/ If IE is used, use the excellent hack by Matthias Miller\n\/\/ http:\/\/www.outofhanwell.com\/blog\/index.php?title=the_window_onload_problem_revisited\n} else if ( jQuery.browser == \"msie\" ) {\n\n        \/\/ Only works if you document.write() it\n        document.write(\"&lt;scr\" + \"ipt id=__ie_init defer=true \" + \n                \"src=javascript:void(0)&gt;&lt;\/script&gt;\");\n\n        \/\/ Use the defer script hack\n        var script = document.getElementById(\"__ie_init\");\n        script.onreadystatechange = function() {\n                if ( this.readyState == \"complete\" )\n                        jQuery.ready();\n        };\n\n        \/\/ Clear from memory\n        script = null;\n\n\/\/ If Safari  is used\n} else if ( jQuery.browser == \"safari\" ) {\n        \/\/ Continually check to see if the document.readyState is valid\n        jQuery.safariTimer = setInterval(function(){\n                \/\/ loaded and complete are both valid states\n                if ( document.readyState == \"loaded\" || \n                        document.readyState == \"complete\" ) {\n\n                        \/\/ If either one are found, remove the timer\n                        clearInterval( jQuery.safariTimer );\n                        jQuery.safariTimer = null;\n\n                        \/\/ and execute any waiting functions\n                        jQuery.ready();\n                }\n        }, 10);\n}<\/code><\/pre>\n<p>\nDank jQuery konnten Entwickler die Verantwortung f\u00fcr all diese Fallstricke auf das Team \u00fcbertragen, das die Bibliothek weiterentwickelt.<\/p>\n<p>Sp\u00e4ter erleichterte jQuery die Implementierung komplexerer Technologien wie Animationen und Ajax. Die Bibliothek wurde praktisch zum Standard f\u00fcr die Abh\u00e4ngigkeiten von Websites. Heute sorgt sie daf\u00fcr, dass ein gro\u00dfer Teil des Internets funktioniert. Laut W3Techs nutzen <noindex><a rel=\"nofollow\" href=\"https:\/\/w3techs.com\/technologies\/details\/js-jquery\/all\/all\">74 % der Webseiten heute jQuery.<\/a><\/noindex>.<\/p>\n<p>Die Kontrolle \u00fcber die Entwicklung von jQuery wurde ebenfalls formalisierter. Im Jahr 2011 gr\u00fcndete das Team <noindex><a rel=\"nofollow\" href=\"https:\/\/blog.jquery.com\/2011\/11\/18\/getting-board-of-jquery\/\">das jQuery Board.<\/a><\/noindex>2012 verwandelte sich das jQuery Board<noindex><a rel=\"nofollow\" href=\"https:\/\/blog.jquery.com\/2012\/03\/06\/announcing-the-jquery-foundation\/\"> in die jQuery Foundation.<\/a><\/noindex>.<\/p>\n<p>Im Jahr 2015 fusionierte die jQuery Foundation mit der Dojo Foundation,<noindex><a rel=\"nofollow\" href=\"https:\/\/blog.jquery.com\/2015\/09\/01\/jquery-foundation-and-dojo-foundation-to-merge\/\"> um die JS Foundation zu gr\u00fcnden,<\/a><\/noindex>die sich sp\u00e4ter mit der Node.js Foundation  zur<noindex><a rel=\"nofollow\" href=\"https:\/\/medium.com\/@nodejs\/introducing-the-openjs-foundation-the-next-phase-of-javascript-ecosystem-growth-d4911b42664f\"> 2019<\/a><\/noindex>OpenJS Foundation zusammenschloss,<noindex><a rel=\"nofollow\" href=\"https:\/\/openjsf.org\/\"> innerhalb derer jQuery eines der \"<\/a><\/noindex>, in dem jQuery eines der &#171;<noindex><a rel=\"nofollow\" href=\"https:\/\/openjsf.org\/projects\/#impact\">war. Die Umst\u00e4nde haben sich ge\u00e4ndert.<\/a><\/noindex>.&#187;<\/p>\n<h2>In den letzten Jahren hat jQuery jedoch<\/h2>\n<p>\nan Popularit\u00e4t eingeb\u00fc\u00dft. <noindex><a rel=\"nofollow\" href=\"https:\/\/trends.google.com\/trends\/explore\/TIMESERIES\/1564319400?hl=en-US&amp;tz=240&amp;date=all&amp;geo=US&amp;q=jquery&amp;sni=3\">GitHub<\/a><\/noindex>hat die Bibliothek aus dem Frontend seiner Website entfernt.<noindex><a rel=\"nofollow\" href=\"https:\/\/github.blog\/2018-09-06-removing-jquery-from-github-frontend\/\"> Bootstrap v5<\/a><\/noindex>wird jQuery loswerden, <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/twbs\/bootstrap\/pull\/23586\">da es die \"<\/a><\/noindex>gr\u00f6\u00dfte Client-Abh\u00e4ngigkeit f\u00fcr gew\u00f6hnliches JavaScript<noindex><a rel=\"nofollow\" href=\"https:\/\/blog.getbootstrap.com\/2019\/02\/11\/bootstrap-4-3-0\/\">\" ist (derzeit 30 KB gro\u00df, minifiziert und gepackt). Mehrere Trends in der Webentwicklung haben die Stellung von jQuery als notwendiges Werkzeug geschw\u00e4cht.<\/a><\/noindex>\u00bb (derzeit 30 KB gro\u00df, minifiziert und gepackt). Mehrere Trends in der Webentwicklung haben die Stellung von jQuery als unverzichtbares Werkzeug verringert.<\/p>\n<h3>Browser<\/h3>\n<p>\nAus verschiedenen Gr\u00fcnden sind die Unterschiede und Einschr\u00e4nkungen von Browsern weniger bedeutend geworden. Erstens hat sich die Standardisierung verbessert. Die Hauptentwickler von Browsern (Apple, Google, Microsoft und Mozilla) arbeiten gemeinsam an<noindex><a rel=\"nofollow\" href=\"https:\/\/spec.whatwg.org\/\"> Webstandards<\/a><\/noindex> im Rahmen des<noindex><a rel=\"nofollow\" href=\"https:\/\/whatwg.org\/\"> Web Hypertext Application Technology Working Group<\/a><\/noindex>.<br \/>\nObwohl Browser in vielen wichtigen Punkten immer noch unterschiedlich sind, haben die Anbieter nun zumindest ein Mittel, um eine gemeinsame Basis zu finden und zu schaffen, anstatt einer <noindex><a rel=\"nofollow\" href=\"https:\/\/thehistoryoftheweb.com\/browser-wars\/\">permanenten Konkurrenz<\/a><\/noindex> untereinander. Dementsprechend haben Browser-APIs neue M\u00f6glichkeiten gewonnen. Zum Beispiel <noindex><a rel=\"nofollow\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Fetch_API\">Fetch API<\/a><\/noindex> kann Ajax-Funktionen aus jQuery ersetzen:<\/p>\n<pre><code class=\"javascript\">\/\/ jQuery\n$.getJSON('https:\/\/api.com\/songs.json')\n    .done(function (songs) {\n        console.log(songs);\n    })\n\n\/\/ native\nfetch('https:\/\/api.com\/songs.json')\n    .then(function (response) {\n        return response.json();\n    })\n    .then(function (songs) {\n        console.log(songs);\n    });<\/code><\/pre>\n<p>\nMethoden <noindex><a rel=\"nofollow\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Document\/querySelector\">querySelector<\/a><\/noindex> und<noindex><a rel=\"nofollow\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Document\/querySelectorAll\"> querySelectorAll<\/a><\/noindex> duplizieren die Auswahlwerkzeuge aus jQuery:<\/p>\n<pre><code class=\"javascript\">\/\/ jQuery\nconst fooDivs = $('.foo div');\n\n\/\/ native\nconst fooDivs = document.querySelectorAll('.foo div');<\/code><\/pre>\n<p>\nDas Manipulieren von Elementklassen ist nun mit <noindex><a rel=\"nofollow\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Element\/classList\">classList<\/a><\/noindex>:<\/p>\n<pre><code class=\"javascript\">\/\/ jQuery\n$('#warning').toggleClass('visible');\n\n\/\/ native\ndocument.querySelector('#warning').classList.toggle('visible');<\/code><\/pre>\n<p>\nAuf der Website<noindex><a rel=\"nofollow\" href=\"http:\/\/youmightnotneedjquery.com\/\"> You Might Not Need jQuery<\/a><\/noindex> sind mehrere Situationen aufgef\u00fchrt, in denen jQuery-Code durch nativen Code ersetzt werden kann. Einige Entwickler verwenden weiterhin jQuery, weil sie einfach nicht \u00fcber die neuen APIs Bescheid wissen, aber wenn sie es tun, nutzen sie diese Bibliothek seltener.<\/p>\n<p>Die Nutzung nativ verf\u00fcgbarer Funktionen steigert die Leistung von Seiten. Viele <noindex><a rel=\"nofollow\" href=\"https:\/\/api.jquery.com\/category\/effects\/\">Animationseffekte aus jQuery<\/a><\/noindex> k\u00f6nnen nun<noindex><a rel=\"nofollow\" href=\"https:\/\/dev.opera.com\/articles\/css3-vs-jquery-animations\/\"> weitaus effektiver<\/a><\/noindex> mit CSS umgesetzt werden.<\/p>\n<p>Ein weiterer Grund ist, dass Browser viel schneller aktualisiert werden als fr\u00fcher. In den meisten von ihnen wird eine <noindex><a rel=\"nofollow\" href=\"https:\/\/www.techopedia.com\/definition\/31094\/evergreen-browser\">\u201eevergreen\u201c Aktualisierungsstrategie<\/a><\/noindex>, mit Ausnahme von Apple Safari, angewendet. Sie k\u00f6nnen im Hintergrund aktualisiert werden, ohne dass der Benutzer eingreifen muss, und sind nicht an die Betriebssystem-Updates gebunden.<\/p>\n<p>Das bedeutet, dass neue Funktionen der Browser und Fehlerbehebungen viel schneller verteilt werden, und Entwickler nicht warten m\u00fcssen, bis der Anteil von <noindex><a rel=\"nofollow\" href=\"https:\/\/caniuse.com\/\">Can I Use<\/a><\/noindex> ein akzeptables Niveau erreicht. Sie k\u00f6nnen neue Features und APIs sicher nutzen, ohne jQuery oder Polyfills laden zu m\u00fcssen.<\/p>\n<p>Ein dritter Grund ist, dass Internet Explorer kurz vor der vollst\u00e4ndigen Obsoleszenz steht. IE war schon lange eine Plage f\u00fcr die Webentwicklung weltweit. Die typischen Bugs waren weit verbreitet, und da IE in den 2000er Jahren dominierte und keine \u201eevergreen\u201c Aktualisierungsstrategie verwendete, sind seine alten Versionen immer noch h\u00e4ufig anzutreffen.<\/p>\n<p>2016 beschleunigte Microsoft das Ausscheiden von IE aus dem Betrieb, <noindex><a rel=\"nofollow\" href=\"https:\/\/www.microsoft.com\/en-us\/microsoft-365\/windows\/end-of-ie-support\">indem es die Unterst\u00fctzung einstellte.<\/a><\/noindex> Die Unterst\u00fctzung f\u00fcr das Internet Explorer 11 und fr\u00fchere Versionen wurde bereits eingestellt. Immer mehr Webentwickler k\u00f6nnen es sich leisten, die Kompatibilit\u00e4t mit IE zu ignorieren.<\/p>\n<p>Selbst jQuery hat die Unterst\u00fctzung f\u00fcr IE 8 und \u00e4lter mit der Version 2.0 eingestellt, die 2013 ver\u00f6ffentlicht wurde. <noindex><a rel=\"nofollow\" href=\"https:\/\/blog.jquery.com\/2013\/04\/18\/jquery-2-0-released\/\">Obwohl in einigen F\u00e4llen noch Unterst\u00fctzung f\u00fcr IE erforderlich ist, beispielsweise auf alten Webseiten, treten diese Situationen zunehmend seltener auf.<\/a><\/noindex>Neue Frameworks<\/p>\n<h3>Seit der Einf\u00fchrung von jQuery sind viele Frameworks entstanden, darunter die modernen Spitzenreiter.<\/h3>\n<p>\nSie bieten zwei wesentliche Vorteile gegen\u00fcber jQuery. <noindex><a rel=\"nofollow\" href=\"https:\/\/reactjs.org\/\">React<\/a><\/noindex>,<noindex><a rel=\"nofollow\" href=\"https:\/\/angular.io\/\"> Angular<\/a><\/noindex> und <noindex><a rel=\"nofollow\" href=\"https:\/\/vuejs.org\/\">Vue<\/a><\/noindex>Erstens erm\u00f6glichen sie eine einfache Trennung der Benutzeroberfl\u00e4che in Komponenten. Die Frameworks sind so konzipiert, dass sie die Darstellung und Aktualisierung der Seite \u00fcbernehmen, w\u00e4hrend jQuery in der Regel nur zur Aktualisierung verwendet wird und der Server die Aufgabe hat, die Startseite bereitzustellen.<\/p>\n<p>Andererseits erm\u00f6glichen die Komponenten von React, Angular und Vue eine enge Verkn\u00fcpfung von HTML, Code und sogar CSS. W\u00e4hrend wir den Code in viele eigenst\u00e4ndige Funktionen und Klassen aufteilen, vereinfacht die M\u00f6glichkeit, die Benutzeroberfl\u00e4che in wiederverwendbare Komponenten zu gliedern, den Aufbau und die Wartung komplexer Webseiten.<\/p>\n<p>Andererseits erm\u00f6glichen die Komponenten von React, Angular und Vue eine enge Verbindung von HTML, Code und sogar CSS. W\u00e4hrend wir die Codebasis in viele selbstst\u00e4ndige Funktionen und Klassen unterteilen, vereinfacht die M\u00f6glichkeit, die Benutzeroberfl\u00e4che in wiederverwendbare Komponenten zu teilen, den Aufbau und die Wartung komplexer Websites.<\/p>\n<p>Ein weiterer Vorteil ist, dass neuere Frameworks eine deklarative Paradigmatik verfolgen, in der der Entwickler beschreibt, wie die Benutzeroberfl\u00e4che aussehen soll, w\u00e4hrend das Framework alle notwendigen \u00c4nderungen vornimmt, um das gew\u00fcnschte Ergebnis zu erzielen. Dieser Ansatz steht im Gegensatz zum imperativen Ansatz, der typisch f\u00fcr jQuery-Code ist.<\/p>\n<p>Bei jQuery legen Sie die Schritte explizit fest, um \u00c4nderungen vorzunehmen. In einem deklarativen Framework sagen Sie hingegen: \u201eBasierend auf diesen Daten sollte die Benutzeroberfl\u00e4che so aussehen\u201c. Dies kann das Schreiben von fehlerfreiem Code erheblich erleichtern.<\/p>\n<p>Entwickler haben neue Ans\u00e4tze f\u00fcr die Webentwicklung \u00fcbernommen, weshalb die Popularit\u00e4t von jQuery gesunken ist.<\/p>\n<h2>Wann sollten Sie jQuery verwenden?<\/h2>\n<p>\nWann genau <i>folgt <\/i>sollten Sie jQuery verwenden?<\/p>\n<p>Wenn die Komplexit\u00e4t des Projekts steigt, ist es besser, mit einer anderen Bibliothek oder einem Framework zu beginnen, das eine sinnvolle Handhabung der Komplexit\u00e4t erm\u00f6glicht. Zum Beispiel, indem man die Benutzeroberfl\u00e4che in Komponenten unterteilt. Der Einsatz von jQuery f\u00fcr solche Seiten mag zun\u00e4chst akzeptabel erscheinen, aber es wird schnell zu Spaghetti-Code f\u00fchren, bei dem man nicht mehr sicher ist, welcher Teil die jeweilige Seite beeinflusst.<\/p>\n<p>Ich habe in einer solchen Situation erlebt, dass jede \u00c4nderungsanfrage sich wie eine gro\u00dfe Herausforderung anf\u00fchlt. Man kann nicht sicher sein, dass man nichts kaputt macht, da die jQuery-Selektoren von der vom Server generierten HTML-Struktur abh\u00e4ngen.<\/p>\n<p>Am anderen Ende der Skala stehen einfache Websites, die nur ein wenig Interaktivit\u00e4t oder dynamische Inhalte erfordern. In solchen F\u00e4llen w\u00fcrde ich jQuery nicht standardm\u00e4\u00dfig verwenden, da man mit nativen APIs viel mehr erreichen kann.<\/p>\n<p>Selbst wenn ich etwas Leistungsst\u00e4rkeres ben\u00f6tige, suche ich nach spezialisierten Bibliotheken, zum Beispiel <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/axios\/axios\">axios<\/a><\/noindex> f\u00fcr Ajax oder<noindex><a rel=\"nofollow\" href=\"https:\/\/daneden.github.io\/animate.css\/\"> Animate.css<\/a><\/noindex> f\u00fcr Animationen. Das ist einfacher, als das gesamte jQuery f\u00fcr eine minimale Funktionalit\u00e4t zu laden.<\/p>\n<p>Ich denke, das beste Argument f\u00fcr den Einsatz von jQuery ist, dass es umfassende Funktionalit\u00e4ten f\u00fcr die Frontend-Arbeit einer Website bietet. Anstatt eine Vielzahl von nativen APIs oder speziellen Bibliotheken zu lernen, k\u00f6nnen Sie einfach die jQuery-Dokumentation durchlesen und sofort produktiv werden.<\/p>\n<p>Der imperative Ansatz skaliert schlecht, l\u00e4sst sich aber leichter erlernen als der deklarative Ansatz anderer Bibliotheken. F\u00fcr eine Website mit klar begrenzten M\u00f6glichkeiten ist es besser, jQuery zu verwenden und einfach zu arbeiten: Die Bibliothek erfordert keine komplizierte Zusammenstellung oder Kompilierung.<\/p>\n<p>Dar\u00fcber hinaus ist jQuery in Situationen vorteilhaft, in denen Sie sicher sind, dass die Website sich nicht weiter verkomplizieren wird, und wenn Ihnen die native Funktionalit\u00e4t, die sicherlich mehr Code als jQuery erfordert, nicht wichtig ist.<\/p>\n<p>Sie k\u00f6nnen diese Bibliothek auch verwenden, wenn Sie alte IE-Versionen unterst\u00fctzen m\u00fcssen. Dann wird jQuery f\u00fcr Sie so n\u00fctzlich sein wie zu der Zeit, als IE der beliebteste Browser war.<\/p>\n<h2>Ein Blick in die Zukunft<\/h2>\n<p>\njQuery wird noch lange nicht verschwinden. Es <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/jquery\/jquery\">entwickelt sich aktiv weiter.<\/a><\/noindex>, und viele Entwickler ziehen es vor, die API zu verwenden, auch wenn native Methoden verf\u00fcgbar sind. Die Bibliothek hat einer ganzen Generation von Entwicklern geholfen, Webseiten zu erstellen, die in allen Browsern funktionieren. Obwohl sie in vielen Aspekten durch neue Bibliotheken, Frameworks und Paradigmen ersetzt wurde, hat jQuery eine enorme positive Rolle bei der Schaffung des modernen Webs gespielt.<\/p>\n<p>Sollte sich die Funktionalit\u00e4t von jQuery nicht wesentlich \u00e4ndern, ist es durchaus wahrscheinlich, dass die Nutzung der Bibliothek in den n\u00e4chsten Jahren langsam, aber stetig zur\u00fcckgehen wird. Neue Webseiten werden in der Regel von Anfang an mit moderneren Frameworks erstellt, und die passenden Anwendungsszenarien f\u00fcr jQuery werden immer seltener.<\/p>\n<p>Einigen gef\u00e4llt die Geschwindigkeit, mit der Werkzeuge f\u00fcr die Webentwicklung veralten, nicht, aber f\u00fcr mich ist das ein Zeichen schnellen Fortschritts. jQuery hat es uns erm\u00f6glicht, vieles besser zu machen. Dasselbe gilt f\u00fcr ihre Nachfolger.<br \/>\n<br \/>Quelle: <a content=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/company\/mailru\/blog\/468169\/\">habr.com<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>jQuery \u2014 \u044d\u0442\u043e \u0441\u0430\u043c\u0430\u044f \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u0430\u044f \u0432 \u043c\u0438\u0440\u0435 JavaScript-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430. \u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0441\u043e\u0437\u0434\u0430\u043b\u043e \u0435\u0451 \u0432 \u043a\u043e\u043d\u0446\u0435 2000-\u0445, \u0447\u0442\u043e \u043f\u0440\u0438\u0432\u0435\u043b\u043e \u043a \u0432\u043e\u0437\u043d\u0438\u043a\u043d\u043e\u0432\u0435\u043d\u0438\u044e \u0431\u043e\u0433\u0430\u0442\u043e\u0439 \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0441\u0430\u0439\u0442\u043e\u0432, \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u0438 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0445 \u043f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c jQuery. \u041d\u043e \u0432 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0433\u043e\u0434\u044b \u0435\u0451 \u0441\u0442\u0430\u0442\u0443\u0441 \u0433\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 \u0434\u043b\u044f \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u043e\u0448\u0430\u0442\u043d\u0443\u043b\u0441\u044f. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043f\u043e\u0447\u0435\u043c\u0443 jQuery \u0441\u0442\u0430\u043b\u0430 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0439 \u0438 \u043f\u043e\u0447\u0435\u043c\u0443 \u043e\u043d\u0430 \u0432\u044b\u0448\u043b\u0430 \u0438\u0437 \u043c\u043e\u0434\u044b, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0432 [&hellip;]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":28907,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[702],"tags":[],"class_list":["post-38523","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-novosti-interneta"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"jQuery \u2014 \u044d\u0442\u043e \u0441\u0430\u043c\u0430\u044f \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u0430\u044f \u0432 \u043c\u0438\u0440\u0435 JavaScript-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430. \u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0441\u043e\u0437\u0434\u0430\u043b\u043e \u0435\u0451 \u0432 \u043a\u043e\u043d\u0446\u0435 2000-\u0445, \u0447\u0442\u043e \u043f\u0440\u0438\u0432\u0435\u043b\u043e \u043a \u0432\u043e\u0437\u043d\u0438\u043a\u043d\u043e\u0432\u0435\u043d\u0438\u044e \u0431\u043e\u0433\u0430\u0442\u043e\u0439 \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0441\u0430\u0439\u0442\u043e\u0432, \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u0438 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0445 \u043f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c jQuery. \u041d\u043e \u0432 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0433\u043e\u0434\u044b \u0435\u0451 \u0441\u0442\u0430\u0442\u0443\u0441 \u0433\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 \u0434\u043b\u044f \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u043e\u0448\u0430\u0442\u043d\u0443\u043b\u0441\u044f. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043f\u043e\u0447\u0435\u043c\u0443 jQuery \u0441\u0442\u0430\u043b\u0430 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0439 \u0438 \u043f\u043e\u0447\u0435\u043c\u0443 \u043e\u043d\u0430 \u0432\u044b\u0448\u043b\u0430 \u0438\u0437 \u043c\u043e\u0434\u044b, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0432\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Yuri Gagarin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prohoster.info\/de\/blog\/novosti-interneta\/istoriya-i-nasledie-jquery\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"de_DE\" \/>\n\t\t<meta property=\"og:site_name\" content=\"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\ud83e\udd47\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u043d\u0430\u0441\u043b\u0435\u0434\u0438\u0435 jQuery | ProHoster\" \/>\n\t\t<meta property=\"og:description\" content=\"jQuery \u2014 \u044d\u0442\u043e \u0441\u0430\u043c\u0430\u044f \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u0430\u044f \u0432 \u043c\u0438\u0440\u0435 JavaScript-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430. \u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0441\u043e\u0437\u0434\u0430\u043b\u043e \u0435\u0451 \u0432 \u043a\u043e\u043d\u0446\u0435 2000-\u0445, \u0447\u0442\u043e \u043f\u0440\u0438\u0432\u0435\u043b\u043e \u043a \u0432\u043e\u0437\u043d\u0438\u043a\u043d\u043e\u0432\u0435\u043d\u0438\u044e \u0431\u043e\u0433\u0430\u0442\u043e\u0439 \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0441\u0430\u0439\u0442\u043e\u0432, \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u0438 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0445 \u043f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c jQuery. \u041d\u043e \u0432 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0433\u043e\u0434\u044b \u0435\u0451 \u0441\u0442\u0430\u0442\u0443\u0441 \u0433\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 \u0434\u043b\u044f \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u043e\u0448\u0430\u0442\u043d\u0443\u043b\u0441\u044f. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043f\u043e\u0447\u0435\u043c\u0443 jQuery \u0441\u0442\u0430\u043b\u0430 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0439 \u0438 \u043f\u043e\u0447\u0435\u043c\u0443 \u043e\u043d\u0430 \u0432\u044b\u0448\u043b\u0430 \u0438\u0437 \u043c\u043e\u0434\u044b, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0432\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/de\/blog\/novosti-interneta\/istoriya-i-nasledie-jquery\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-10-31T19:24:17+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-10-31T19:24:17+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\ud83e\udd47Geschichte und Erbe von jQuery | ProHoster","description":"jQuery ist die weltweit erfolgreichste JavaScript-Bibliothek. Die Community der Webentwickler hat sie Ende der 2000er Jahre ins Leben gerufen, was zur Entstehung eines umfangreichen \u00d6kosystems von Websites, Plugins und Frameworks gef\u00fchrt hat, die jQuery im Hintergrund verwenden. In den letzten Jahren hat jedoch der Status als f\u00fchrendes Werkzeug f\u00fcr die Webentwicklung gelitten. Lassen Sie uns untersuchen, warum jQuery einst so popul\u00e4r war und warum es aus der Mode gekommen ist, sowie weitere Aspekte.","canonical_url":"https:\/\/prohoster.info\/de\/blog\/novosti-interneta\/istoriya-i-nasledie-jquery","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"de_DE","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u043d\u0430\u0441\u043b\u0435\u0434\u0438\u0435 jQuery | ProHoster","og:description":"jQuery \u2014 \u044d\u0442\u043e \u0441\u0430\u043c\u0430\u044f \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u0430\u044f \u0432 \u043c\u0438\u0440\u0435 JavaScript-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430. \u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0441\u043e\u0437\u0434\u0430\u043b\u043e \u0435\u0451 \u0432 \u043a\u043e\u043d\u0446\u0435 2000-\u0445, \u0447\u0442\u043e \u043f\u0440\u0438\u0432\u0435\u043b\u043e \u043a \u0432\u043e\u0437\u043d\u0438\u043a\u043d\u043e\u0432\u0435\u043d\u0438\u044e \u0431\u043e\u0433\u0430\u0442\u043e\u0439 \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0441\u0430\u0439\u0442\u043e\u0432, \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u0438 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0445 \u043f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c jQuery. \u041d\u043e \u0432 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0433\u043e\u0434\u044b \u0435\u0451 \u0441\u0442\u0430\u0442\u0443\u0441 \u0433\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 \u0434\u043b\u044f \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u043e\u0448\u0430\u0442\u043d\u0443\u043b\u0441\u044f. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043f\u043e\u0447\u0435\u043c\u0443 jQuery \u0441\u0442\u0430\u043b\u0430 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0439 \u0438 \u043f\u043e\u0447\u0435\u043c\u0443 \u043e\u043d\u0430 \u0432\u044b\u0448\u043b\u0430 \u0438\u0437 \u043c\u043e\u0434\u044b, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0432","og:url":"https:\/\/prohoster.info\/de\/blog\/novosti-interneta\/istoriya-i-nasledie-jquery","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2019-10-31T19:24:17+00:00","article:modified_time":"2019-10-31T19:24:17+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"38523","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-23 22:22:33","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-03-01 01:07:40","updated":"2026-01-23 22:22:33"},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts\/38523","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/comments?post=38523"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts\/38523\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/media\/28907"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/media?parent=38523"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/categories?post=38523"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/tags?post=38523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}