”, „

” és „

” címkéket használunk az alábbi kódban:

---

---

< div >
< h1 > Kedves Linuxhint felhasználók! < / h1 >
< h2 > A Linuxhint a mennyország helye < / h2 >
< p > programozási nyelvekkel kapcsolatos lekérdezések. < / p >
< / div >
< gomb > Stíluseltávolító Div < / gomb >

A fenti kód végrehajtása után a weboldal így néz ki:

A kimenet a div és egy gomb HTML szerkezetét mutatja.

2. lépés: Inline Styling hozzáadása
A div nyitó címkén belül használja a „ stílus ” attribútumot, és alkalmazzon néhány CSS-tulajdonságot, hogy az elemek szembetűnőek és vonzóak legyenek:

< div stílus = '
szín: sötétbíbor;
háttérszín: közepes akvamarin;
margó: 20 képpont;
kitöltés: 30 képpont;' >
< h1 >Kedves Linuxhint felhasználók< / h1 >
< h2 >Linuxhint a mennyország helye< / h2 >
< p >programozási nyelvekkel kapcsolatos lekérdezések.< / p >
< / div >
< br >
< gomb > Stílus Távolítsa el számára Div< / gomb >

A fenti kód kimenete:

A kimenet megerősíti, hogy a belső stílusok csak a div elemre vonatkoznak.

3. lépés: A jQuery használata az Inline CSS eltávolításához
A stílusattribútumok eltávolításához a szülő függvény meghívja, amikor a „ dokumentum ' az ' kész ”. Az alábbi kódban a belső függvény meghívja, amikor a felhasználó rákattint a „ gomb ”. Ezt követően ez a funkció kiválasztja az oldalon található összes div elemet, és a „ remove.Attr() ” módszer:

< forgatókönyv >
$ ( dokumentum ) .kész ( funkció ( ) {
$ ( 'gomb' ) .kattintson ( funkció ( ) {
$ ( 'div' ) .removeAttr ( 'stílus' ) ;
} ) ;
} ) ;
< / forgatókönyv >

A jQuery kód hozzáadása után a weboldal így működik:

A fenti „gif” azt szemlélteti, hogy a divben alkalmazott stílusok a gombra kattintva eltávolíthatók.

2. módszer: Távolítsa el az osztály CSS-t egy Div

A HTML elem stílusának második módja az, hogy hozzárendel egy „ osztály ”. Ezután adja hozzá a CSS-t az osztályrészhez a „ ' címkében vagy egy külön ' CSS fájl ”. Ezek a stílusok a jQuery segítségével is eltávolíthatók. Kövesse az alábbi lépéseket:

1. lépés: Rendeljen osztályt a Div Elementhez
A HTML fájlban rendeljen hozzá egy osztály attribútumot a '

” elemet. Ezenkívül rendeljen hozzá egy „eltávolító” azonosítót a „ ” címke:

< div osztály = 'stílus' >
< h1 >Kedves Linuxhint felhasználók< / h1 >
< h2 >Linuxhint a mennyország helye< / h2 >
< p >programozási nyelvekkel kapcsolatos lekérdezések.< / p >
< / div >
< gomb id = 'eltávolítani' > Stílus Távolítsa el < / gomb >

Ezután lépjen a „ ' címkét, és válassza ki a div osztály nevét ' stílus ” és írja be a div elemre alkalmazott CSS-tulajdonságokat:

< stílus >
.styling {
szín :aranyvessző;
háttér- szín : tengerzöld;
margó: 20 képpont;
padding: 30px;
}
< / stílus >

A fenti kód végrehajtása után a weboldal így néz ki:

A kimenet azt mutatja, hogy a stílusok a div elemen vannak alkalmazva.

2. lépés: Adja hozzá a jQuery-t a CSS-stílus eltávolításához
Ban,-ben '

Egyéb