”, “

” dan “

tag ” digunakan dalam kod di bawah:

---

---

< div >
< h1 > Hello Pengguna Linuxhint < / h1 >
< h2 > Linuxhint ialah tempat syurga < / h2 >
< hlm > pertanyaan berkaitan bahasa pengaturcaraan. < / hlm >
< / div >
< butang > Penyingkiran Gaya untuk Div < / butang >

Selepas melaksanakan kod di atas, halaman web kelihatan seperti ini:

Output menunjukkan struktur HTML div dan butang.

Langkah 2: Tambah Penggayaan Sebaris
Di dalam teg pembukaan div, gunakan ' gaya ” dan gunakan beberapa sifat CSS untuk menjadikan elemen menonjol dan menarik:

< div gaya = '
warna:darkagenta;
warna latar belakang: mediumaquamarine;
jidar: 20px;
padding: 30px;' >
< h1 >Helo Pengguna Linuxhint< / h1 >
< h2 >Linuxhint adalah tempat syurga< / h2 >
< hlm >pertanyaan berkaitan bahasa pengaturcaraan.< / hlm >
< / div >
< br >
< butang > Gaya Alih keluar untuk Div< / butang >

Output kod di atas ialah:

Output mengesahkan bahawa gaya sebaris digunakan pada elemen div sahaja.

Langkah 3: Menggunakan jQuery untuk Mengalih keluar CSS Sebaris
Untuk mengalih keluar atribut gaya, fungsi induk memanggil apabila “ dokumen ” ialah “ sedia ”. Dalam kod di bawah, fungsi dalaman memanggil apabila pengguna mengklik ' butang ”. Selepas itu, fungsi ini memilih semua elemen div yang berada pada halaman dan menggunakan ' remove.Attr() ' kaedah:

< skrip >
$ ( dokumen ) .sedia ( fungsi ( ) {
$ ( 'butang' ) .klik ( fungsi ( ) {
$ ( 'div' ) .removeAttr ( 'gaya' ) ;
} ) ;
} ) ;
< / skrip >

Selepas menambah kod jQuery, halaman web berfungsi seperti ini:

'gif' di atas menggambarkan bahawa gaya yang digunakan pada div dialih keluar dengan mengklik pada butang.

Kaedah 2: Alih keluar CSS Kelas daripada Div

Cara kedua untuk menggayakan elemen HTML adalah dengan memberikan mereka ' kelas ”. Kemudian, tambahkan CSS dalam bahagian kelas itu di dalam ' teg ' atau dalam ' yang berasingan ' fail CSS ”. Gaya ini juga boleh dialih keluar menggunakan jQuery. Ikuti langkah di bawah:

Langkah 1: Berikan Kelas kepada Elemen Div
Dalam fail HTML, tetapkan atribut kelas kepada “

” unsur. Juga, tetapkan id 'penghapus' kepada ' ” tag:

< div kelas = 'menggayakan' >
< h1 >Helo Pengguna Linuxhint< / h1 >
< h2 >Linuxhint adalah tempat syurga< / h2 >
< hlm >pertanyaan berkaitan bahasa pengaturcaraan.< / hlm >
< / div >
< butang ID = 'alih keluar' > Gaya Alih keluar < / butang >

Seterusnya, pergi ke ' tag ” dan pilih nama kelas div “ penggayaan ” dan taip sifat CSS yang digunakan pada elemen div:

< gaya >
.menggayakan {
warna :goldenrod;
latar belakang- warna : laut hijau;
jidar: 20px;
padding: 30px;
}
< / gaya >

Selepas melaksanakan kod di atas, halaman web kelihatan seperti ini:

Output memaparkan bahawa gaya digunakan pada elemen div.

Langkah 2: Tambah jQuery Untuk Mengalih Keluar Penggayaan CSS
Di dalam ' ” tag tambah kod jQuery sama seperti yang dinyatakan dalam kaedah di atas. jQuery ' removeClass() kaedah 'menghapuskan' penggayaan ” kelas yang diberikan dengan elemen “div” apabila butang diklik:

< skrip >
$ ( dokumen ) .sedia ( fungsi ( ) {
$ ( 'butang' ) .klik ( fungsi ( ) {
$ ( 'div' ) .removeClass ( 'menggayakan' ) ;
} ) ;
} ) ;
< / skrip >

Selepas menambah kod di atas, halaman web berfungsi seperti ini:

'gif' di atas menggambarkan bahawa gaya yang ditaip dalam kelas dialih keluar dengan satu klik butang.

Kesimpulan

Untuk mengalih keluar CSS daripada div, “ remove.Attr() ” dan “ removeClass() ” kaedah boleh digunakan. ' remove.Attr() ” mengeluarkan “ gaya ” atribut daripada elemen yang dipilih. Sebaliknya, ' removeClass() ” mengalih keluar kelas elemen terpilih yang sedang digunakan untuk menggunakan gaya pada elemen tersebut. Artikel ini telah berjaya menunjukkan cara mengalih keluar CSS daripada div menggunakan jQuery.