Jquery beállítása és a html elem attribútumának módosítása
A jQuery könyvtár kétféleképpen képes beállítani vagy megváltoztatni az attribútumok értékét. Az attribútumok értékének beállításához és módosításához használja a .attr () metódust. Erről a módszerről már beszéltünk - a beállítás vagy a változtatás kivételével, ennek a módszernek köszönhetően megkapjuk az attribútum értékét.
Az .attr () módszer szintaxisa az érték beállításához / módosításához
Sokkal érdekesebb lesz, ha az értékparaméter egy beépített függvény vagy egy függvény referencia. Ilyen esetekben a függvényt minden egyes kivont elemre fel kell hívni, az attribútum értékként használt függvény visszatérési értékével. Amikor egy függvény hívásra kerül, két paraméter kerül átadásra. Ezek közül az egyik tartalmazza a halmazban lévő elem nulla alapú indexét, a másik pedig az attribútum aktuális értéke az elem nevével. Ezenkívül az elem a függvény (ez) kontextusaként van beállítva, hogy hívja. Ez lehetővé teszi a funkció számára, hogy személyre szabja a feldolgozást minden egyes elem számára - ez a fő előnye, hogy így használja.
Példa az .attr () metódus értékének használatával:
Ezzel a módszerrel az oldalán minden olyan HTML elemet megtalálunk, amely rendelkezik cím attribútummal, és megváltoztatja az egyes elemek attribútumát. A változás a meglévő érték hozzáadásával a DOM elemindexe és az egyes elemek attribútumazonosítója (ha van ilyen), vagy egyéb sorok "unset" (lehetővé teszi az összes beállítás visszaállítását) segítségével létrehozott karakterláncot.
A .attr () metódus második módja több attribútum értékének beállítása / módosítása egyszerre.
A módszer szintaxisa, amely egyszerre több attribútum értékét is megváltoztathatja
- attr (attribútumok)
- A megadott objektum által megadott tulajdonságokat és értékeket használja a megfelelő tulajdonságok összes elemére.
- paraméterek
- name - (String) A beállítandó attribútum neve.
- attribútumok - Olyan objektum, amelynek tulajdonságai a készlet összes elemére attribútumként vannak másolva.
- visszatér
- A jQuery gyűjtemény.
Ezzel az opcióval az attr () metódus nagyon gyorsan megváltoztathatja vagy beállíthatja több attribútum értékét a készlet összes eleméhez. Az eljárás egy paramétert vesz fel, és objektumnak kell lennie. Az objektum tulajdonságai azoknak a tulajdonságoknak a nevei, amelyekkel szeretnénk dolgozni.
Nézzük a fenti példát. Az oldalon az összes beviteli elemen vagyunk, és megváltoztatjuk az összes talált elem attribútumának értékét, helyét és címét, ha vannak, és ha nem, akkor add.
A document.createElement () módszerrel létrehozott beviteli vagy gombelem típusinformációjának megváltoztatása az Internet Explorer 6-8 kivételt eredményezi a böngészőben.