Hozzáférés a tartalmi elemekről jquery
Ebben a leckében járatos 3 jQuery módszer, amely célja, hogy közvetlenül a tartalmát elemek:
- html (), hogy olvasni és módosítani a HTML elem kódot
- szöveg (), hogy olvasni és módosítani a szöveges tartalom az elem
- val (), hogy olvasni és módosítani űrlapmezőre értékek
Munka HTML kódot: html ()
Olvasd HTML elem kódot
Ahhoz, hogy olvassa el a HTML kódot elem, először válassza ki az elemet, mint a jQuery objektumot, majd hívja a html () metódus az objektum. Például, a következő kód kiválasztott elem p (para) az oldalon ezután úgynevezett html () módszer megjelenítéséhez HTML-tartalmat az elem:
A kód az üzenet boxban, amely megjeleníti egy sor HTML elem kódot:
Cseréje HTML elem tartalma
Akkor cserélje ki a HTML-forrás egy új vonal HTML kódot. A példa magában foglalja a csere a bekezdés a div elemben új címsor és a bekezdés:
Ha ok html (newHTML) eljárás egy sor több kiválasztott terméket, a tartalom egyes elemek helyett egy karakterlánc newHTML.
A HTML cserélni a tartalmát egy elem
Ahelyett, hogy továbbítja a csere szöveget módszer html (). akkor át a visszahívási függvény. A függvény kell két érv:
A visszatérési érték helyettesíti a HTML.
Kódfuttatást vezet a következő következtetésre jut:
- Amikor a tartalma az elem olvasni módszerével szöveg (). az összes HTML elválasztják a szöveget.
- Amikor a szöveg () módszerrel helyettesíteni a elem tartalmát, bármely HTML a replacement szövegben dekódolva, hogy azok jelennek meg az oldalon.
olvasás szöveges tartalom
A példa kód az üzenet boxban. címkék és Ők lesznek zárva a szöveg:
Szöveg cseréje elem tartalma
szöveg () módszer működik, valamint html () metódust. ha ki kell cserélni a tartalmát a tartalmat. A különbség abban rejlik, hogy minden HTML lesz dekódolva megjeleníteni az oldalon, ahelyett, hogy elemeként.
Példa script, hogy alapul egy példa a html () módszerrel. cserélni a tartalmát egy másik szöveget bekezdés:
És ez az, ami megjelenik a képernyőn. címkék
.
és egyszerűen szöveges formában jelennek meg, ahelyett, hogy egy fejlécben és egy link:
Egy funkció helyett szöveget
Csakúgy, mint az eljárás html (). akkor a függvény a szöveget () metódus, ha azt szeretné, hogy cserélje ki a tartalom alapján álláspontját vagy tartalmát. Az alábbiakban egy példa a „számozott fejlécek”, amely felhasználja a szöveg () módszer helyett az eljárás a html (), és használjuk a szimbólum „>”, mint egy elválasztó helyett egy pont:
Az eredmény a kód lesz az alábbiak szerint:
Ha fut a fenti kódot, és nézd meg a HTML forráskód, azt találjuk, hogy a szöveg () módszer dekódolt jel „>” mind a „gt;”.
Dolgozz az értékek az űrlap mezők: val ()
Tekintsük most az val () metódust. Úgy működik, mint egy szöveges () metódust. de használják olvasni és módosítsa az értékeket az űrlap mezők, szöveg helyett tartalmi elemeit.
A példa azt mutatja, hogy mind az olvasás és írás űrlapmezőre értékeket val () metódust.
A kód első üzenet boxban, amely megjeleníti az alapértelmezett értékeket a mezők. listák, szöveg beviteli mezők, és a csoport gombok:
A kód ezután megváltoztatja a kiválasztott termék „MegaWidget”, 4. számú, és expressz szállítási, hogy „nincs”.
A fenti példában #expressNo választó gomb jelölt hívás attr () metódust beállító gomb attribútum ellenőrizni. mivel val () metódus nem tudja megváltoztatni a kiválasztási állapotának jelölőnégyzetet vagy gombot.
Ha val () metódus, meg kell emlékezni a következő:
Ebben a leckében három módszer a jQuery manipulálni a HTML tartalmat tényezőket vették figyelembe:
Által nyújtott információk útján két csatorna (látás és hallás) a képzés hatékonyságának sokkal jobb tanulás könyvekből. A házi feladatok és online tesztek lehetővé teszi, hogy folyamatosan úgy gondolja, a célnyelven, és azonnal ellenőrizze tudását!
Ha azt szeretnénk, hosszú ideig, hogy tanulmányozzák, hogyan lehet HTML-t, akkor engem, mert van jó hír!
Ha már megtanulta a HTML és tovább szeretne lépni, a következő lépés az lesz, hogy tanulmányozza a CSS technológiával.
Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!