JQuery - az új elemek

jQuery kínál egy triviális és elegáns módja annak, hogy új elemeket ugyanazzal a módszerrel $ (). használják, hogy a minta:

Megjegyzés jelzős tárgy a második paraméter a fenti, valamint a tulajdonság nevét osztály, idézőjelbe osztályok, míg a tulajdonságneveket szöveges és href - nem. Nevei tulajdonságok általában nem kell említeni, kivéve, ha azok fenntartva szavak (mint egy osztály ebben az esetben).

Amikor létrehoz egy új elemet jQuery. ő nem azonnal fel az oldalra. Számos módja van hozzá egy elemet az oldalhoz, amint jött létre.

// egy új elemet az oldalhoz.

var $ myNewElement = $ ( "

új tag

„);

$ MyNewElement.insertAfter ( "ul: az utolsó");
// Ez eltávolítja p származó #content!

$ ( "Ul") .last () után ($ myNewElement.clone ()) .;
// klónozása p, így most már kettő.

Ön is létrehozhat egy elemet, ha hozzá az oldalhoz, de fontos, hogy ebben az esetben nem kap egy hivatkozást az újonnan létrehozott elem:

// létrehozása és adjunk hozzá egy elemet
// oldalon, ugyanabban az időben.
$ ( "Ul") .append ( "

  • listatétel
  • „);

    A szintaxis új elemekkel egy egyszerű oldalt, így a kísértés, hogy felejtsük el, hogy van egy nagy költség teljesítmény, hogy rendszeresen adunk a DOM. Ha felvesz egy csomó elemet ugyanabban a tartályban, akkor kapcsolatba kell lépnie a HTML egy sorban, majd ezt a sort a tartály, hanem hozzáadni az elemeket egyesével. Használja egy sor, hogy összegyűjtse az összes darab együtt, majd egyesíti őket egyetlen karakterláncot egészül ki:

    var myItems = [];
    var $ mylist = $ ( "#myList");

    for (var i = 0; i

    Kapcsolódó cikkek