Jquery kezdőknek, w3 oktatás

Vegyünk egy egyszerű példát:

Ahhoz, hogy csatlakoztassa a jQuery könyvtár, meg kell adni az elérési utat a könyvtár fájl attribútum src script tag. Például, ha jquery.js található ugyanabban a könyvtárban, a HTML-fájlt, akkor használja ezt a módszert:

Ha a script könyvtár található gyökérmappájába szkripteket. ami a gyökere a helyén, akkor meg kell határozni:

Ahhoz, hogy megtudja, melyik változata jQuery jobb letölteni, lásd a cikk „Hol lehet letölteni jQuery?” .

Kódvégrehajtás betöltése után a dokumentum

A probléma megoldására van egy egyszerű jQuery funkció, amely ellenőrzi a dokumentum végén a letöltés, ez a funkció az úgynevezett kész eseményt:

A következő példában, belül készen esemény bekövetkezik hozzá a kattintás eseménykezelő a link az oldalon:

Miután linkre kattintva a böngésző egy üzenetet jelenít meg, mielőtt elmész a honlapon jQuery.

A click esemény, és a legtöbb egyéb események lehetséges, hogy megakadályozza az alapértelmezett viselkedés. Annak érdekében, hogy az átadás a linket, ebben az esetben a helyszínen jquery.com, meg kell hívni event.preventDefault () metódus az eseménykezelő:

teljes példa

A következő példa bemutatja egy teljes HTML-oldal jQuery kódot. Megjegyezzük, hogy a jQuery könyvtár fájl letölthető a Google CDN tárolására. Szintén szerepel a megírt forgatókönyv elem . de ajánlott, hogy azt egy külön fájlban, és nézze meg, hogy a tulajdonság src script elemet.

Hozzáadása és eltávolítása HTML osztály

Egy másik kiviteli alakban jQuery elterjedt alkalmazása - hozzáadásával (vagy eltávolítása) osztályban.

Először hozzon létre egy CSS szabályt egy stíluselem címke fej:

Most hívja addClass funkciót hozzá egy osztályt a link:

Minden eleme egy oldalon módosíthatja a betűtípust merész.

Ahhoz, hogy távolítsa el az osztály használja removeClass funkció:

Vegye figyelembe, hogy a HTML lehetővé teszi, hogy adjunk több osztályt egyetlen elem.

vizuális effektek

A jQuery áll egy pár hasznos hatások teheti honlapján vonzóbbá. Változás a kattintás eseménykezelő a link:

Most, amikor rákattint bármelyik linkre lassan eltűnik.

Visszahívás funkció

Visszahívás - ez a funkció, amely megadott érvként másik funkció, és indítsa befejezése után egy másik funkció. Fontos, hogy megértsük, hogyan kell helyesen átadni a visszahívás funkciót érvként.

Visszahívás funkció paraméterek nélkül

A visszahívási funkció nélkül érvek akkor adja át a következő módon:

Megjegyezzük, hogy a második paraméter a neve a visszahívási funkció az idézőjelek nélkül és zárójelben (ez nem egy string).

Visszahívás függvényargumentum

Ahhoz, hogy használja a visszahívás funkciót érvek, meg kell írni a kódot, mint ez:

Ez a kód nem vezet a kívánt eredményre, hogy ez rossz:

Hogyan többet jQuery

Ahhoz, hogy bővítsék ismereteiket a jQuery akkor nézze meg a többi jQuery dokumentációt ezen a honlapon.