”, “

' E '

I tag 'sono utilizzati nel codice seguente:

---

---

< div >
< h1 > Salve utenti di Linuxhint < / h1 >
< h2 > Linuxhint è il luogo del paradiso < / h2 >
< P > query relative ai linguaggi di programmazione. < / P >
< / div >
< pulsante > Rimuovi stile per Div < / pulsante >

Dopo aver eseguito il codice sopra, la pagina web si presenta così:

L'output mostra la struttura HTML del div e un pulsante.

Passaggio 2: aggiungi lo stile in linea
All'interno del tag di apertura div, utilizza il ' stile ” attribuisce e applica alcune proprietà CSS per rendere gli elementi importanti e accattivanti:

< div stile = '
colore: scuro magenta;
colore di sfondo: acquamarina media;
margine: 20px;
imbottitura: 30px;' >
< h1 >Ciao utente di Linuxhint< / h1 >
< h2 >Linuxhint è il luogo del paradiso< / h2 >
< P >query relative ai linguaggi di programmazione.< / P >
< / div >
< fratello >
< pulsante > Stile Rimuovere per Div< / pulsante >

L'output del codice precedente è:

L'output conferma che gli stili incorporati vengono applicati solo all'elemento div.

Passaggio 3: utilizzo di jQuery per rimuovere CSS in linea
Per rimuovere gli attributi di stile, la funzione genitore chiama quando il ' documento ' È ' pronto ”. Nel codice seguente, la funzione interna chiama quando l'utente fa clic su ' pulsante ”. Dopodiché, questa funzione seleziona tutti gli elementi div che risiedono sulla pagina e usa il ' rimuovi.Attr() ' metodo:

< copione >
$ ( documento ) .pronto ( funzione ( ) {
$ ( 'pulsante' ) .clic ( funzione ( ) {
$ ( 'div' ) .removeAttr ( 'stile' ) ;
} ) ;
} ) ;
< / copione >

Dopo aver aggiunto il codice jQuery, la pagina web funziona così:

La 'gif' sopra illustra che gli stili applicati sul div vengono rimossi facendo clic sul pulsante.

Metodo 2: rimuovere la classe CSS da un div

Il secondo modo di dare uno stile all'elemento HTML è assegnando loro un ' classe ”. Quindi, aggiungi CSS in quella parte di classe all'interno del ' ” tag o in un separato “ File CSS ”. Questi stili possono anche essere rimossi usando jQuery. Segui i passaggi seguenti:

Passaggio 1: assegna una classe a Div Element
Nel file HTML, assegna un attributo di classe al '

elemento '. Inoltre, assegna un id di 'rimozione' al ' etichetta ':

< div classe = 'messa in piega' >
< h1 >Ciao utente di Linuxhint< / h1 >
< h2 >Linuxhint è il luogo del paradiso< / h2 >
< P >query relative ai linguaggi di programmazione.< / P >
< / div >
< pulsante id = 'rimuovere' > Stile Rimuovi < / pulsante >

Successivamente, vai al ' ” tagga e seleziona il nome della classe div “ messa in piega ” e digitare le proprietà CSS applicate all'elemento div:

< stile >
.messa in piega {
colore :verga d'oro;
sfondo- colore : mare verde;
margine: 20px;
imbottitura: 30px;
}
< / stile >

Dopo aver eseguito il codice sopra, la pagina web si presenta così:

L'output mostra che gli stili sono applicati all'elemento div.

Passaggio 2: aggiungi jQuery per rimuovere lo stile CSS
Nel ' ” tag aggiungi il codice jQuery come indicato nel metodo sopra. Il jQuery ' rimuoviclasse() Il metodo 'rimuove il' messa in piega ” classe assegnata con l'elemento “div” quando si fa clic sul pulsante:

< copione >
$ ( documento ) .pronto ( funzione ( ) {
$ ( 'pulsante' ) .clic ( funzione ( ) {
$ ( 'div' ) .removeClass ( 'messa in piega' ) ;
} ) ;
} ) ;
< / copione >

Dopo aver aggiunto il codice sopra, la pagina web funziona in questo modo:

La 'gif' sopra illustra che gli stili digitati nella classe vengono rimossi con un clic del pulsante.

Conclusione

Per rimuovere il CSS da un div, il ' rimuovi.Attr() ' E ' rimuoviclasse() ” metodi possono essere utilizzati. IL ' rimuovi.Attr() ” rimuove il “ stile ” dall'elemento selezionato. D'altra parte, il “ rimuoviclasse() ” rimuove la classe dell'elemento selezionata che veniva utilizzata per applicare gli stili a quell'elemento. Questo articolo ha dimostrato con successo come rimuovere CSS da un div usando jQuery.