IT rekvalifikácia. Seniorní programátori zarábajú až 6 000 €/mesiac a rekvalifikácia je prvým krokom. Zisti, ako na to!

Diskusia – 2. diel - Vkladanie obsahu v jQuery (DOM)

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
Avatar
David Hartinger
Vlastník
Avatar
David Hartinger:3.2.2014 11:52

Super tutoriál! Jsem fakt rád, že jsi se zde chopil té jQuery. Zkus se vyhýbat těm lorem ipsum příkladům, foo barům a podobně. Ideální je udělat nějakou fakt simple šablonu třeba eshopu s jedním logem a tabulkou a tam to ukazovat.

Odpovedať
3.2.2014 11:52
New kid back on the block with a R.I.P
Avatar
Petr Nymsa
Tvůrce
Avatar
Petr Nymsa:3.2.2014 11:52

Je fajn že se tu do toho někdo pořádně pustil :)

Odpovedať
3.2.2014 11:52
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
David Hartinger
Vlastník
Avatar
Odpovedá na Petr Nymsa
David Hartinger:3.2.2014 11:53

Byl jsem s uctíváním HoBiho o sekundu rychlejší :D

Editované 3.2.2014 11:55
Odpovedať
3.2.2014 11:53
New kid back on the block with a R.I.P
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovedá na David Hartinger
Honza Bittner:3.2.2014 13:28

Jasně, příště udělám tedy něco reálnějšího... :)

Odpovedať
3.2.2014 13:28
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
info
Člen
Avatar
info:24.6.2015 12:59

Pre lepšiu orientáciu by bolo lepšie si div-i označiť aj textom. Napríklad:

<div id="resource">
        <div class="one"><b>Div one</b></div>
        <div class="two"><i>Div two</i></div>
        <div class="tree"><s>Div tree</s></div>
        <div class="four"><u>Div four</u></div>
    </div>
$(function()
{
    var one = $("#resource .one");
    var two = $("#resource .two");
    var tree = $("#resource .tree");
    var four = $("#resource .four");

    $(tree).prepend(one);

});

Sám som začiatočník a v niektorých príkladoch som sa strácal, pretože nebolo zrejmé čo vlastne ten, ktorý príklad mení na stránke.

 
Odpovedať
24.6.2015 12:59
Avatar
balaz.marek94
Člen
Avatar
balaz.marek94:28.7.2015 10:11

Super tutoriál! Zaujímalo by ma, či by sa funkcia .html() dala použiť aj na stránku napr. "www.google.sk" a nie len na elementy mojej stránky. Teda otázka znie, dá sa .html využiť aj na získanie html kódu z ľubovolnej URL a ak áno, tak môžem poprosiť jednoduchý príklad? :)

Editované 28.7.2015 10:11
 
Odpovedať
28.7.2015 10:11
Avatar
Mazwor
Člen
Avatar
Mazwor:6.3.2016 23:55

Ahoj, mám jen takový malý dotaz. Existuje nějaký reálný a využitelný důvod existence jak .append(), tak i .appendTo() + všech dalších analogických dvojic funkcí? Jako na začátečníka to na mě z tohoto tutoriálu působí tak, že jsou úplně stejné, jen nesmím zaměnit pořadí toho, co k čemu chci připojit...
Stačí mi tedy teoreticky si jen zvyknout na jednu z nich a používat ji celou dobu nebo lze nalézt situaci, kdy by byla využitelná jen jedna z těchto funkcí a druhá selhávala?
Díky moc za odpovědi a taky autorům za super sérii tutoriálů! :)

Odpovedať
6.3.2016 23:55
Pořádek je pro blbce, inteligent ovládá chaos. :D
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovedá na Mazwor
Honza Bittner:7.3.2016 16:28

Jak říkáš, jsou to funkce, které jsou velmi podobné a i zaměnitelné, avšak to jen pro jednoduché řešení.

Představ si, že si pomocí jQuery selektoru vybereš nějaký element, na který aplikuješ události, animace atp., které můžeš řetězit, tzn. psát všechno za sebe a spojovat to tečkou. Je v takovém případně už rozdíl znatelný? Já myslím že ano; nehledě tedy na to, jestli je vhodné a přehledné takto cokoli zapisovat.

Odpovedať
7.3.2016 16:28
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Mazwor
Člen
Avatar
Mazwor:8.3.2016 0:35

Máš pravdu, to řetězení mě nějak zrovna v ten moment nenapadlo, přitom je to docela pádný důvod.
Díky moc za osvětlení a rychlou odpověď :).

Odpovedať
8.3.2016 0:35
Pořádek je pro blbce, inteligent ovládá chaos. :D
Avatar
Jan Zamecnik
Člen
Avatar
Jan Zamecnik:2.11.2016 12:30

Mám dotaz.
Proč se mi vloží?

$("<i>Ahoj, já jsem APPENDTO</i>").appendTo('#vkladani .four');

ale nevloží se:

$("Ahoj, já jsem APPENDTO").appendTo('#vkladani .four');

Jaký tag mám použít?

Ale bez problému funguje bez tagu:

$('#vkladani .two').append("Ahoj, já jsem APPEND normal");

Tohle mě hlava nebere. Dík

 
Odpovedať
2.11.2016 12:30
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zatiaľ nikto nevložil komentár - buď prvý!