Ta članek prikazuje različne metode za odstranitev CSS iz div z uporabo jQuery.
Kako odstraniti CSS iz Div z uporabo jQuery?
Če želite odstraniti sloge CSS iz diva, uporabite vgrajene atribute jQuery. Obstajata dve metodi, prek katerih lahko uporabniki dodajajo ali odstranjujejo sloge, inline in uporabo razredov.
1. način: Odstranite vgrajeni CSS iz Div
Če želite odstraniti vgrajene sloge, ki so uporabljeni za element HTML, uporabite » odstraniAttr() ” se uporablja metoda.
Uporablja se, ko je potrebno malo oblikovanja elementa. Sledite spodnjim korakom, da se spopadete s tem:
1. korak: Ustvarite strukturo Po izvedbi zgornje kode je spletna stran videti takole: Izhod prikazuje strukturo HTML div in gumb. 2. korak: Dodajte slog v vrstici Rezultat zgornje kode je: Izhod potrjuje, da so vgrajeni slogi uporabljeni samo za element div. 3. korak: Uporaba jQuery za odstranitev vgrajenega CSS Po dodajanju kode jQuery spletna stran deluje takole: Zgornji »gif« ponazarja, da se uporabljeni slogi na divu odstranijo s klikom na gumb. Drugi način oblikovanja elementa HTML je, da mu dodelite ' razred ”. Nato dodajte CSS v ta del razreda znotraj » 1. korak: Elementu Div dodelite razred Nato pojdite na » Po izvedbi zgornje kode je spletna stran videti takole: Izhod prikaže, da so slogi uporabljeni na elementu div. 2. korak: dodajte jQuery, da odstranite slog CSS Po dodajanju zgornje kode spletna stran deluje takole: Zgornji »gif« ponazarja, da se slogi, vneseni v razred, odstranijo s klikom gumba. Če želite odstraniti CSS iz diva, uporabite » odstrani.Attr() « in » odstranirazred() ” se lahko uporabijo metode. ' odstrani.Attr() ' odstrani ' stil ” iz elementa, ki je izbran. Po drugi strani pa ' odstranirazred() ” odstrani izbrani razred elementa, ki je bil uporabljen za uporabo slogov na tem elementu. Ta članek je uspešno pokazal, kako odstraniti CSS iz diva s pomočjo jQuery.
V datoteki HTML ustvarite »
< div >
< h1 > Pozdravljeni uporabniki Linuxhinta < / h1 >
< h2 > Linuxhint je kraj v nebesih < / h2 >
< str > poizvedbe, povezane s programskimi jeziki. < / str >
< / div >
< gumb > Odstranjevalec sloga za Div < / gumb >
Znotraj začetne oznake div uporablja » stil ” in uporabite nekatere lastnosti CSS, da naredite elemente vidne in privlačne:
barva: temno magenta;
barva ozadja: srednje akvamarin;
rob: 20px;
oblazinjenje: 30px;' >
< h1 >Pozdravljeni uporabniki Linuxhinta< / h1 >
< h2 >Linuxhint je mesto v nebesih< / h2 >
< str >poizvedbe, povezane s programskimi jeziki.< / str >
< / div >
< št >
< gumb > Slog Odstrani za Div< / gumb >
Če želite odstraniti slogovne atribute, nadrejena funkcija pokliče, ko je ' dokument ' je ' pripravljena ”. V spodnji kodi kliče notranja funkcija, ko uporabnik klikne » gumb ”. Po tem ta funkcija izbere vse elemente div, ki se nahajajo na strani, in uporabi » odstrani.Attr() ” metoda:
$ ( dokument ) .pripravljen ( funkcijo ( ) {
$ ( 'gumb' ) .kliknite ( funkcijo ( ) {
$ ( 'div' ) .removeAttr ( 'slog' ) ;
} ) ;
} ) ;
< / scenarij > 2. način: Odstranite CSS razreda iz Div
V datoteki HTML dodelite atribut razreda elementu »
< h1 >Pozdravljeni uporabniki Linuxhinta< / h1 >
< h2 >Linuxhint je mesto v nebesih< / h2 >
< str >poizvedbe, povezane s programskimi jeziki.< / str >
< / div >
< gumb id = 'Odstrani' > Slog Odstrani < / gumb >
.styling {
barva :zlata rozga;
ozadje- barva : morsko zelena;
rob: 20px;
oblazinjenje: 30px;
}
< / stil >
V '
$ ( dokument ) .pripravljen ( funkcijo ( ) {
$ ( 'gumb' ) .kliknite ( funkcijo ( ) {
$ ( 'div' ) .removeClass ( 'styling' ) ;
} ) ;
} ) ;
< / scenarij > Zaključek