JQuery - hozzáadásával elemek
JQuery könnyű új funkciók / tartalom. Tekintsük több módszer, amely lehetővé teszi, hogy ezt.
Új tartalom HTML
Megnézzük négy jQuery módszerek, amelyek új tartalmat:
- append () - szúr tartalmat végén kiválasztott elemek
- betoldott () - szúr tartalom elején kiválasztott elemek
- után () - szúr tartalom után a kijelölt elemeket
- előtt () - szúr tartalmat, mielőtt a kiválasztott elemek
jQuery append () módszer
jQuery append () metódus beszúrja tartalom utolsó választás HTML.
$ ( "P") append ( "Néhány add szöveg ..");
jQuery Prepend () módszer
jQuery Prepend () módszer beszúrja tartalmi HOME elemek kiválasztott HTML.
$ ( "P") betoldott ( "Néhány add szöveg ..");
Adjunk hozzá néhány új elemeket használja az append () és a betoldott ()
A fenti két példában, az imént hozott néhány szöveg / HTML elején / végén a kiválasztott elemeket a HTML.
működnek appendText ()
var TXT1 = "
Test.
// Létrehozunk egy HTML elemvar txt2 = $ ( "") .text (" Text „). // létrehozni jQuery
var txt3 = document.createElement ( "p"); // Létrehozunk egy DOM
txt3.innerHTML = "text."
$ ( "P") append (TXT1, txt2, txt3) .; // új elemeket
>
Methods jQuery után (), és mielőtt ()
jQuery után () módszer beszúrja tartalom után a kiválasztott elemeket a HTML.
jQuery előtt () módszer beszúrja a HTML tartalmat, mielőtt a kiválasztott elemeket.
. $ ( "Img") után ( "Néhány szöveg után");
$ ( "Img"), mielőtt ( "Néhány szöveget.");
Adjunk hozzá néhány új elemeket használja a után () és a korábban ()
működnek afterText ()
var TXT1 = "én „// Létrehozunk egy HTML elem
var txt2 = $ ( "") .text (" szeretet „); // létre jQuery
var txt3 = document.createElement ( "nagy"); // Létrehozunk egy DOM
txt3.innerHTML = "jQuery!";
$ ( "Img") után (TXT1, txt2, txt3) .; // be az új elemeket
>