”, “

' ja '

' -tunnisteita käytetään alla olevassa koodissa:

---

---

< div >
< h1 > Hei Linuxhintin käyttäjät < / h1 >
< h2 > Linuxhint on taivaan paikka < / h2 >
< s > ohjelmointikieliin liittyvät kyselyt. < / s >
< / div >
< -painiketta > Tyylinpoistoaine Div < / -painiketta >

Yllä olevan koodin suorittamisen jälkeen verkkosivu näyttää tältä:

Tulos näyttää div:n ja painikkeen HTML-rakenteen.

Vaihe 2: Lisää sisäinen tyyli
Div-aloitustunnisteen sisällä käyttää ' tyyli ”-määrite ja käytä joitain CSS-ominaisuuksia tehdäksesi elementeistä näkyvämpiä ja houkuttelevia:

< div tyyli = '
väri: tummanmagenta;
taustaväri: mediumaquamarine;
marginaali: 20px;
täyte: 30px;' >
< h1 >Hei Linuxhintin käyttäjät< / h1 >
< h2 >Linuxhint on taivaan paikka< / h2 >
< s >ohjelmointikieliin liittyvät kyselyt.< / s >
< / div >
< br >
< -painiketta > Tyyli Poista varten Div< / -painiketta >

Yllä olevan koodin tulos on:

Tulos vahvistaa, että rivin sisäisiä tyylejä sovelletaan vain div-elementtiin.

Vaihe 3: Inline CSS:n poistaminen jQueryn avulla
Tyyliattribuuttien poistamiseksi pääfunktio kutsuu, kun ' asiakirja ' On ' valmis ”. Alla olevassa koodissa sisäinen toiminto kutsuu, kun käyttäjä napsauttaa ' -painiketta ”. Tämän jälkeen tämä toiminto valitsee kaikki sivulla olevat div-elementit ja käyttää ' poista.Attr() 'menetelmä:

< käsikirjoitus >
$ ( asiakirja ) .valmis ( toiminto ( ) {
$ ( 'painike' ) .klikkaus ( toiminto ( ) {
$ ( 'div' ) .removeAttr ( 'tyyli' ) ;
} ) ;
} ) ;
< / käsikirjoitus >

jQuery-koodin lisäämisen jälkeen verkkosivu toimii seuraavasti:

Yllä oleva 'gif' osoittaa, että div:ssä käytetyt tyylit poistetaan napsauttamalla painiketta.

Tapa 2: Poista luokan CSS Div

Toinen tapa muotoilla HTML-elementti on antaa niille ' luokkaa ”. Lisää sitten CSS kyseiseen luokkaosaan ' ' -tunnisteessa tai erillisessä ' CSS-tiedosto ”. Nämä tyylit voidaan poistaa myös jQuerylla. Noudata alla olevia ohjeita:

Vaihe 1: Määritä luokka Div Elementille
Määritä HTML-tiedostossa luokkaattribuutti '

”elementtiä. Määritä myös 'remover'-tunnus ' 'tunniste:

< div luokkaa = 'muotoilu' >
< h1 >Hei Linuxhintin käyttäjät< / h1 >
< h2 >Linuxhint on taivaan paikka< / h2 >
< s >ohjelmointikieliin liittyvät kyselyt.< / s >
< / div >
< -painiketta id = 'Poista' > Tyyli Poista < / -painiketta >

Siirry seuraavaksi kohtaan ' '-tunniste ja valitse div-luokan nimi' muotoilu ” ja kirjoita CSS-ominaisuudet, joita sovelletaan div-elementtiin:

< tyyli >
.styling {
väri :kultapuikko;
tausta- väri : seagreen;
marginaali: 20px;
täyte: 30px;
}
< / tyyli >

Yllä olevan koodin suorittamisen jälkeen verkkosivu näyttää tältä:

Tulos näyttää, että tyylejä käytetään div-elementissä.

Vaihe 2: Lisää jQuery poistaaksesi CSS-tyylin
'

muu