Contoh penggunaan kaedah removeClass() dalam jQuery_jquery

Contoh dalam artikel ini menerangkan penggunaan kaedah removeClass() dalam jQuery. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Kaedah ini mengalih keluar satu atau lebih kelas daripada elemen padanan. Mengikut parameter kaedah yang berbeza, terdapat struktur sintaks berikut.

Struktur tatabahasa 1: Kaedah tidak mempunyai parameter. Alih keluar semua kelas daripada unsur yang sepadan.

Salin kod Kod adalah seperti berikut: $(selector).removeClass() Kod contoh:

Kod boleh memadam semua kelas css div.

Salin kod Kod adalah seperti berikut: removeClass() function-Script Home .font{ saiz fon:18px; warna:kuning } .bg{ latar belakang:#336; } $(dokumen).sedia(fungsi(){ $("butang").klik(fungsi(){ $("div").removeClass(); }); }) Script Home mengalu-alukan anda Klik untuk melihat kesan Struktur tatabahasa 2:

Alih keluar kelas yang ditentukan daripada elemen padanan

Salin kod Kod adalah seperti berikut: $(selector).removeClass(class) <table class="t_table" cellspacing="0" style="border-bottom: rgb(227,237,245) 1px solid; border-left: rgb(227,237,245) 1px solid; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; width: 654px; border-collapse: collapse; font: small/19px Tahoma, 'Microsoft Yahei', Simsun; word-wrap: break-word; white-space: normal; empty-cells: show; table-layout: auto; letter-spacing: normal; height: 57px; color: rgb(68,68,68); border-top: rgb(227,237,245) 1px solid; border-right: rgb(227,237,245) 1px solid; word-spacing: 0px; -webkit-text-stroke-width: 0px"> 参数 描述 class 一个或多个要删除的CSS类名。类名之间用空格分隔。 Kod contoh:

Contoh 1:

Salin kod Kod adalah seperti berikut: removeClass() function-Script Home .font{ saiz fon:18px; warna:kuning } .bg{latar belakang:#336;} $(dokumen).sedia(fungsi(){ $("butang").klik(fungsi(){ $("div").removeClass("font"); }); }) Script Home mengalu-alukan anda Klik untuk melihat kesan Alih keluar kelas tertentu.

Contoh 2:

Salin kod Kod adalah seperti berikut: removeClass() function-Script Home .font{ saiz fon:18px; warna:kuning } .bg{latar belakang:#336;} $(dokumen).sedia(fungsi(){ $("butang").klik(fungsi(){ $("div").removeClass("font bg"); }); }) Script Home mengalu-alukan anda Klik untuk melihat kesan Alih keluar dua kelas CSS, dipisahkan dengan ruang antara nama kelas.

Struktur tatabahasa tiga:

Salin kod Kod adalah seperti berikut: $(selector).removeClass(function(index,oldclass )) Fungsi mengembalikan nama kelas untuk dialih keluar. Senarai parameter:

<table class="t_table" cellspacing="0" style="border-bottom: rgb(227,237,245) 1px solid; border-left: rgb(227,237,245) 1px solid; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; width: 657px; border-collapse: collapse; font: small/19px Tahoma, 'Microsoft Yahei', Simsun; word-wrap: break-word; white-space: normal; empty-cells: show; table-layout: auto; letter-spacing: normal; height: 95px; color: rgb(68,68,68); border-top: rgb(227,237,245) 1px solid; border-right: rgb(227,237,245) 1px solid; word-spacing: 0px; -webkit-text-stroke-width: 0px"> 参数 描述 function(index,oldclass) 方法返回一个或多个空格分隔的要被移除的class名。 index - 可选，接受选择器的index 位置。 oldclass - 可选，接受选择器的原有类值。 Kod contoh:

Contoh 1:

Salin kod Kod adalah seperti berikut: removeClass() function-Script Home .font{ saiz fon:18px; warna:kuning } .bg{latar belakang:#336;} $(dokumen).sedia(fungsi(){ $("butang").klik(fungsi(){ $("div").removeClass(function(){ kembalikan "font" }); }); }) Script Home mengalu-alukan anda Klik untuk melihat kesan Gunakan fungsi sebagai parameter dan fungsi itu mengembalikan nama kelas CSS untuk dipadamkan.

Contoh 2:

Salin kod Kod adalah seperti berikut: removeClass() function-Script Home .font{ saiz fon:18px; warna:kuning } .bg{latar belakang:#336;} $(dokumen).sedia(fungsi(){ $("butang").klik(fungsi(){ $("div").removeClass(function(){ kembalikan "font bg" }); }); }) Script Home mengalu-alukan anda Klik untuk melihat kesan Menggunakan fungsi sebagai parameter, fungsi mengembalikan dua nama kelas CSS untuk dipadamkan, dipisahkan dengan ruang.