Jquery in HTML einbinden : So wirds gemacht!

veröffentlicht am: 16. September 2021

Jquery kannst du relativ einfach in deine HTML Webseite einbinden. Dazu hast du zwei Möglichkeiten.

Arten der Einbindung

Entweder du lädst Jquery herunter und bindest es dann ein
Oder du nutzt das CDN von Jquery

CDN bedeutet Content Delivery Network und bedeutet nichts anderes das der Jquery Code auf einem anderen Server für dich bereit gestellt wird.

Inhaltsverzeichnis

Jquery in HTML mit CDN einbinden

Zuerst gehst du auf die CDN Webseite von Jquery und wählst die Version die du benötigst aus.

Der Script Code kommt dann in den Head Bereich deiner Webseite. Füge die Version deiner Wahl in deine Webseite ein.

Beispiel

<head>

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

</head>

Jquery Herunterladen und selber einbinden

Die zweite Möglichkeit ist, dass du Jquery herunterlädst und dann einfach in deine Webseite einbindest. Du musst den Code auf deinen Webserver laden.

Beispiel
Um Jquery korrekt in deine Webseite einzubinden musst du den genauen Pfad und die genaue Javascript Datei angeben. Das war alles.

<head>

<script src="ordner-zu-jquery/jquery-xxx.js"></script>

</head>

Jetzt HTML lernen

Fazit

Jquery ist relativ schnell in deine Webseite eingebunden. Du solltest jedoch folgendes beachten CDN Server die dir die Dateien bereitstellen sind praktisch, können aber die Ladezeiten deiner Webseite erhöhen, da du ein externes Script einbinden musst. Funktionieren tun aber beide Lösungen gleich gut. Nur wenn du wert auf Ladezeit legst solltest du die Dateien besser herunterladen.

Weitere Beiträge zu HTML

Domi

Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite

Hi !, Wohin möchtest du?

HTML Themen

Scripts

Schrift & Text

Farben

Link

Bilder

Elemente

Video

Weiterleitung

Icons

Audio

Layout

Jquery in HTML einbinden : So wirds gemacht!

Jquery in HTML mit CDN einbinden

Jquery Herunterladen und selber einbinden

Jetzt HTML lernen

Fazit

Weitere Beiträge zu HTML

Das könnte dich interessieren!

Weitere Kategorien

Schreibe einen Kommentar Antworten abbrechen

Cookie	Dauer	Beschreibung
cookielawinfo-checkbox-advertisement	1 year	Set by the GDPR Cookie Consent plugin, this cookie is used to record the user consent for the cookies in the "Advertisement" category .
cookielawinfo-checkbox-analytics	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional	11 months	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
CookieLawInfoConsent	1 year	Records the default button state of the corresponding category & the status of CCPA. It works only in coordination with the primary cookie.
viewed_cookie_policy	11 months	The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.

Cookie	Dauer	Beschreibung
__gads	1 year 24 days	The __gads cookie, set by Google, is stored under DoubleClick domain and tracks the number of times users see an advert, measures the success of the campaign and calculates its revenue. This cookie can only be read from the domain they are set on and will not track any data while browsing through other sites.
_ga	2 years	The _ga cookie, installed by Google Analytics, calculates visitor, session and campaign data and also keeps track of site usage for the site's analytics report. The cookie stores information anonymously and assigns a randomly generated number to recognize unique visitors.
_gat_gtag_UA_97711315_1	1 minute	Set by Google to distinguish users.
_gid	1 day	Installed by Google Analytics, _gid cookie stores information on how visitors use a website, while also creating an analytics report of the website's performance. Some of the data that are collected include the number of visitors, their source, and the pages they visit anonymously.
CONSENT	2 years	YouTube sets this cookie via embedded youtube-videos and registers anonymous statistical data.

Cookie	Dauer	Beschreibung
__gpi	1 year 24 days	Google Ads Service uses this cookie to collect information about from multiple websites for retargeting ads.
IDE	1 year 24 days	Google DoubleClick IDE cookies are used to store information about how the user uses the website to present them with relevant ads and according to the user profile.
test_cookie	15 minutes	The test_cookie is set by doubleclick.net and is used to determine if the user's browser supports cookies.
VISITOR_INFO1_LIVE	5 months 27 days	A cookie set by YouTube to measure bandwidth that determines whether the user gets the new or old player interface.
YSC	session	YSC cookie is set by Youtube and is used to track the views of embedded videos on Youtube pages.
yt-remote-connected-devices	never	YouTube sets this cookie to store the video preferences of the user using embedded YouTube video.
yt-remote-device-id	never	YouTube sets this cookie to store the video preferences of the user using embedded YouTube video.
yt.innertube::nextId	never	This cookie, set by YouTube, registers a unique ID to store data on what videos from YouTube the user has seen.
yt.innertube::requests	never	This cookie, set by YouTube, registers a unique ID to store data on what videos from YouTube the user has seen.

Cookie	Dauer	Beschreibung
anspress_session	1 day	No description available.
DEVICE_INFO	5 months 27 days	No description