Vítejte v šestém díle našeho seriálu o jQuery. Po poutavých efektech se dnes zaměříme na základní kámen webu manipulaci s prveky. Díky jQuery můžete snadno a rychle měnit obsah, třídy, vlastnosti prvků nebo dokonce celý HTML kód. Připravte se, protože se dozvíte spoustu užitečných triků! 1. Změna obsahu text(): Nastaví nebo získá textový obsah prvku. $( #prvek ).text( Nový text ); // nastaví nový text var text = $( #prvek ).text(); // získá text prvku html(): Nastaví nebo získá HTML obsah prvku. $( #prvek ).html( <strong>Nový HTML</strong> ); // nastaví nový HTML var html = $( #prvek ).html(); // získá HTML prvku 2. Práce s třídami addClass(): Přidá třídu k prvku. $( #prvek ).addClass( noveTridy ); removeClass(): Odebere třídu z prvku. $( #prvek ).removeClass( noveTridy ); toggleClass(): Přidá třídu, pokud ji prvek nemá, nebo ji odebere, pokud ji má. $( #prvek ).toggleClass( noveTridy ); 3. Změna vlastností prvků attr(): Nastaví nebo získá hodnotu atributu. $( #prvek ).attr( src , obrazek.jpg ); // nastaví zdroj obrázku var zdroj = $( #prvek ).attr( src ); // získá zdroj obrázku removeAttr(): Odebere atribut z prvku. $( #prvek ).removeAttr( src ); // odebere atribut src 4. Změna CSS css(): Nastaví nebo získá hodnotu CSS vlastnosti. $( #prvek ).css( color , red ); // nastaví barvu textu na červenou var barva = $( #prvek ).css( color ); // získá barvu textu 5. Vložení nových prvků append(): Vloží obsah na konec prvku. $( #prvek ).append( <span>Konec</span> ); prepend(): Vloží obsah na začátek prvku. $( #prvek ).prepend( <span>Začátek</span> ); Závěr V dnešním díle jsme si ukázali, jak s pomocí jQuery měnit obsah, vlastnosti a styly webových prvků. Tato knihovna vám skutečně umožňuje manipulovat s webovým obsahem snadno a intuitivně. V příštím díle se budeme věnovat událostem a zjistíme, jak s jejich pomocí reagovat na různé akce uživatelů. Děkuji za pozornost a těším se na další setkání! The post jQuery návod (6) Úprava prvků appeared first on Tutoriály česky.
V osmém dílu seriálu o jQuery se ponoříme do světa rozměrů a pozicování. Každý webový vývojář ví, jak důležité je správně rozumět rozměrům prvků a jejich pozicím na stránce, zejména když pracujeme s responzivním designem nebo animacemi. Díky jQuery můžeme
projít na článekVítejte v pátém díle našeho seriálu o jQuery. Dnes se budeme věnovat jedné z nejzajímavějších oblastí jQuery efektům. Díky nim můžeme našim webovým stránkám dodat poutavost, dynamiku a moderní vzhled. 1. Co jsou to efekty v jQuery? Efekty v jQuery
projít na článekV dnešním díle seriálu se ponoříme do práce s poli v kontextu jQuery. Ačkoli mnoho z toho, co budeme procházet, lze provádět čistým JavaScriptem, jQuery nám nabízí několik nástrojů, které mohou proces usnadnit a zefektivnit. 1. Vytváření pole s jQuery
projít na článekVítejte v sedmém dílu našeho seriálu o jQuery. Události jsou základním stavebním kamenem interaktivity každého webového rozhraní. S jejich pomocí můžete reagovat na akce uživatelů, jako je klikání na tlačítka, posunutí myši, změna formulářových prvků a mn
projít na článekV jedenáctém díle seriálu se zaměříme na specifickou část jQuery utility. I když jste se již setkali s mnoha funkcemi a metodami, které jQuery nabízí, existuje mnoho dalších nástrojů, které nejsou tak známé nebo často používané, ale mohou být v určitých
projít na článek