JQuery remove() - Metódy na odstránenie prvkov v jQuery s príkladmi

• Úvod do jQuery remove()

Pomôžte rozvoju stránky a zdieľajte článok s priateľmi!

Úvod do jQuery remove()

Metóda používaná na odstránenie vybraných prvkov a všetkého, čo sa v nich nachádza, sa nazýva metóda odstránenia jQuery. Údaje a udalosti prvkov sú tiež odstránené z domény. Odstráni sa všetok text a podradené uzly, ako aj viazané prvky procesu. Môžeme použiť selektor, takže ak je potrebné odstrániť viac ako jeden prvok, prvky sa dajú oddeliť čiarkami a použiť. Výsledkom budú odstránené údaje o vybraných prvkoch. Táto metóda tiež pomáha nájsť a odstrániť prvky s názvom triedy.

Syntax:

$(var).remove()

Syntax	Popis parametra	Typ hodnoty	Verzia
	NA	NA	1.0
$(var).remove(selector)	Výber: Akceptuje hodnotu reťazca, ktorá filtruje zhodné prvky.	Výber: string	1.0

Príklady jQuery remove()

Nasledujú podrobne vysvetlené rôzne príklady funkcie jQuery remove().

1. Bez použitia akéhokoľvek parametra

Metódu remove() je možné použiť bez poskytnutia akéhokoľvek vstupného argumentu. Existujú dva scenáre, kde je možné tento podpis použiť. Sú to:

a. Odstraňuje sa vybratý prvok

Odstráni všetky údaje a informácie o udalostiach spojené s vybratým prvkom.

Príklad:

Útržok kódu uvedený nižšie je určený na odstránenie

prvok na udalosti kliknutia na tlačidlo.

Táto relácia je obsiahnutá pod prvkom p.
KLIKNITE tu pre odstránenie prvku p

Výstup:

Pred odstránením() sa volá metóda:

Po odstránení() sa zavolá metóda:

b. Odstránenie vybraného prvku spolu s jeho podradenými prvkami

Podpis metódy je použiteľný aj tam, kde je potrebné odstrániť podradené prvky spolu s vybratým prvkom. Nižšie uvedený útržok kódu je navrhnutý tak, aby odstránil prvok div z dizajnu.Použitie remove() eliminuje podradené prvky a súvisiace údaje a informácie o udalostiach.

Príklad:

Útržok kódu uvedený nižšie je určený na odstránenieprvok spolu s podriadenými uzlami

a prvky.

---Začiatok relácie 'div'---
Táto relácia sa nachádza v podradenom prvku:odsek.


Toto tlačidlo je definované ako podradený prvok v rámci relácie div
---Koniec relácie 'div'---
Kliknutím sem odstránite reláciu „div“ 

Výstup:

Pred odstránením() sa volá metóda:

Po odstránení() sa zavolá metóda:

2. Pomocou parametra „Výber“

Pre funkciu jQuery remove() možno zadať hodnotu reťazca ako vstupnú hodnotu, ktorá umožňuje filtrovať prvky, ktoré sa majú odstrániť. Umožňuje tiež eliminovať viac ako jeden prvok konfiguráciou viacerých atribútov filtra ako hodnôt argumentov oddelených čiarkou (,).

a. Použitie jedného parametra výberu

V nižšie uvedenom úryvku kódu sa metóda remove() používa na filtrovanie

prvky s triedou „filter“.

Príklad:

"Táto relácia neobsahuje triedu filtra

""Táto relácia obsahuje filter triedy

"Kliknutím sem odstránite reláciu s triedou „filtrovať“ 

Výstup:

Pred odstránením() sa volá metóda:

Po odstránení() sa zavolá metóda:

b. Použitie parametra viacnásobného výberu

V nižšie uvedenom úryvku kódu sa metóda remove() používa na filtrovanie

prvky s triedou „filter1“ a „filter2“. Upozorňujeme, že v prípade implementácie viacerých filtrov musia byť atribúty filtra zahrnuté ako vstupný argument s oddelenými čiarkami (,).

Príklad:

"Táto relácia obsahuje filter triedy1

""Táto relácia obsahuje filter triedy2

""Táto relácia obsahuje triedu filter1 a filter2

"
Kliknutím sem spustíte filtre 

Výstup:

Pred odstránením() sa volá metóda:

Po odstránení() sa zavolá metóda:

Metódy na odstránenie prvkov v jQuery

V zásade existujú dve metódy jQuery, ktoré sú definované na odstránenie prvkov a ich obsahu. Sú to

1. remove()
2. empty()

Rozdiel medzi týmito dvoma metódami je v tom, že metóda remove() odstraňuje podradené prvky spolu s vybratým prvkom, zatiaľ čo empty() odstraňuje iba podradené prvky vybratého prvku.

Príklad:

---Začiatok relácie 'div'---
Táto relácia sa nachádza v podradenom prvku:odsek.
Toto tlačidlo je definované ako podradený prvok v rámci relácie div
---Koniec relácie 'div'---
Použite metódu 'remove()' Použite metódu 'empty()' 

Výstup:

Stránka sa načíta v prehliadači:

Na tlačidle sa zavolá metóda remove() klikne sa na „Použiť metódu „odstrániť()“:

empty() metóda sa volá na tlačidle klikne sa na ‘Použiť metódu ‘empty()’:

• Na rozdiel od metódy empty() metóda remove() funguje ako stiahnutie prvkov z DOM.
• Použitie metódy remove() so vstupným argumentom je podobné ako:

"&39;$(selektor).filter(:obsahuje(podmienený atribút)).remove()&39;"

• Ak chcete odstrániť prvok, ktorý neobsahuje atribút filtra, je potrebné použiť nižšie uvedený podpis:

"$(html_element: not(selector)).remove()"

Tu „.not()“ vyberie prvky okrem zadaného selektora a na vybratých prvkoch sa vykoná remove().

Odporúčané články

Toto je návod na odstránenie jQuery(). Tu diskutujeme o úvode do jQuery remove() spolu s príkladmi a implementáciou kódu. Môžete si tiež pozrieť nasledujúce články, kde sa dozviete viac -

1. Animácia v jQuery
2. jQuery delay()
3. jQuery Effects
4. jQuery append()

Pomôžte rozvoju stránky a zdieľajte článok s priateľmi!