jQuery egy könnyű JavaScript könyvtár, amely megkönnyíti a JavaScript használatát a weboldalon.
a JavaScript-hez képest kevesebb kóddal tudja végrehajtani a műveletet.
ez egyszerűbbé teszi a HTML dokumentumok manipulálását, az átjárást, az eseménykezelést és az AJAX kérés végrehajtását.
kompatibilis a legtöbb böngészővel, és támogatja a CSS3 kiválasztókat a tulajdonságok manipulálásának megtalálásához és stílusához.,
tartalom
- letöltés és tartalmazza
- inicializálja
- külső fájl
- következtetés
1. Töltse le és tartalmazza a
- keresse meg a jQuery hivatalos honlapján.
- a könyvtár két változatban érhető el – tömörítve és tömörítetlenül. A tömörített kisebb méretű, mint a tömörítetlen, mert nincs extra fehér terek, megjegyzések. A tömörítetlen változat olvasható és könnyebben hibakereshető.
- töltse le a tömörített verziót.,
- Use
<script >A könyvtár HTML-be való beillesztése a<head>vagy<body>.
<script src='https://makitweb.com/embed-jquery-html-page/jquery-3.2.1.min.js'></script>
- a rendelkezésre álló CDN-t is használhatja a könyvtár beillesztéséhez.
Google CDN
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
Microsoft CDN
<script src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js'></script>
2. Inicializálás
a weboldalon írja be a jQuery kódot a document ready állapotban a <script > címkén.
példa
a példában a CDN könyvtárat használtam, majd a gombra kattintva definiáltam az eseményt., Kattintson a szövegdoboz elem értékének módosítása elemre.
kimenet
kattintson a gombra.
3. Külső fájl
- hozzon létre egy új
script.jsfájlt, majd tegye rá a fenti szkriptet. - tartalmazza a
script.jsután a jQuery könyvtár.
szkript.js
$(document).ready(function(){ $('#button').click(function(){ $('#txt1').val("Button clicked"); });});
index.html
kimenet
kattintson a gombra.
4. Következtetés
használhatja a külső jQuery könyvtárat vagy a CDN verziót a szkript beillesztéséhez.,
Ha létrehozott egy külső szkriptet, és jQuery-t használ rajta, akkor a jQuery library script után kell szerepelnie, különben nem működne, és generálná a hibát.
ha hasznosnak találta ezt a bemutatót,akkor ne felejtse el megosztani.