logo

A jQuery hozzáadása a HTML-hez

Az alábbiakban bemutatjuk a jQuery HTML-oldalhoz való hozzáadásának két különböző módját:

  1. Töltse le és tartalmazza a jQuery fájlt
  2. Tartalmazza a jQuery by CDN-t.

Töltse le és tartalmazza a jQuery fájlt

Ha a jQuery fájlt a jQuery fájl letöltésével szeretnénk hozzáadni a HTML oldalhoz, akkor az alábbi lépéseket kell követnünk. Ezekkel a lépésekkel bármely felhasználó könnyen hozzáadhatja a jQuery-t.

1. lépés: Először is le kell töltenünk a jquery js fájlt a jQuery következő hivatalos webhelyéről. https://jquery.com/download/

A jQuery hozzáadása a HTML-hez

2. lépés: Amikor letöltöttük a fájlt, akkor meg kell nyitnunk azt a html fájlt, amelybe hozzá akarjuk adni a jquery-t.

 Add the jQuery file into Html by downloading and Including file Hello User!... <br> <img src="//techcodeview.com/img/html-tutorial/73/how-add-jquery-html-2.webp"> 

3. lépés: Ezt követően a kurzort a head címke közé kell helyeznünk közvetlenül a title címke elé. És akkor használnunk kell a címke , amelyek megadják az src attribútumot a jQuery fájl hozzáadásához.

 Add the jQuery file into Html by downloading and Including file Hello User!... <br> <img src="//techcodeview.com/img/html-tutorial/73/how-add-jquery-html-2.webp"> 

4. lépés: És végül mentse a HTML-fájlt, és a jQuery fájl sikeresen hozzáadásra kerül a HTML-oldalunkhoz.

Tartalmazza a jQuery by CDN-t

Ha a jQuery-t CDN segítségével szeretnénk hozzáadni a HTML oldalhoz, akkor az alábbiakban leírt lépéseket kell követnünk. Ezekkel a lépésekkel bármely felhasználó könnyen hozzáadhatja a jQuery-t.

1. lépés: Először is meg kell nyitnunk azt a HTML-fájlt, amelyhez hozzá szeretnénk adni a jQuery-t a CDN használatával.

 Add the jQuery file into Html by including CDN Hello User!... <br> <img src="//techcodeview.com/img/html-tutorial/73/how-add-jquery-html-2.webp"> 

2. lépés: Ezután a kurzort a head címke közé kell helyeznünk közvetlenül a title címke elé. Ezután a címkét kell használnunk, amely megadja az src attribútumot a hozzáadáshoz.

 Add the jQuery file into Html by including CDN Hello User!... <br> <img src="//techcodeview.com/img/html-tutorial/73/how-add-jquery-html-2.webp"> 

3. lépés: Ezután a következő elérési utat kell beírnunk az src attribútumba.

 http://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js 

4. lépés: És végül mentse a HTML-fájlt, és a jQuery fájl sikeresen hozzáadásra kerül a HTML-oldalunkhoz.

 Add the jQuery file into Html by including CDN Hello User!... <br> <img src="//techcodeview.com/img/html-tutorial/73/how-add-jquery-html-2.webp">