Artikel ini menjelaskan cara memodifikasi, menambah dan menghapus gaya kelas oleh JS. Bagikan untuk referensi Anda. Analisis spesifiknya adalah sebagai berikut:
Fungsi js front-end yang lebih umum, yang dapat mewujudkan fungsi yang sesuai dengan memodifikasi nama kelas tag.
Kode spesifiknya adalah sebagai berikut:
Salin kode sebagai berikut: <able>
<tbody>
<tr>
<td> JS mengimplementasikan modifikasi gaya kelas, penambahan dan penghapusan </td>
<td>
<a e_value = "g_sn" ename = "kode produk" href = "javascript: void (0);"> kode produk </a>
<a e_value = "pdt_sn" ename = "nomor item produk" href = "javascript: void (0);"> Nomor item produk </a>
<a e_value = "pdt_name" ename = "nama spesifikasi" href = "javascript: void (0);"> Nama spesifikasi </a>
</td>
</tr>
</tbody>
<tbody>
<tr>
<td> <a onClick = "selectAll ()" style = "color:#f00"> Pilih semua </a> </td>
<td> <a onClick = "selectNoTall ()" style = "color:#f00"> Tidak ada pilihan </a> </td>
</tr>
</tbody>
</boable>
<script>
$ ('. Goods_sale_property'). Klik (function () {// Klik untuk menambahkan kelas dalam tag saja
if ($ (this) .hasclass ('goods_sale_property_checked')) {
$ (ini) .removeclass ('Goods_sale_property_checked');
}kalau tidak{
$ (ini) .addclass ('Goods_sale_property_checked');
}
});
function selectAll () {// pilih semua kelas
$ ('. Goods_sale_property'). Masing -masing (fungsi (i) {
$ (ini) .addclass ('Goods_sale_property_checked');
});
}
Function SelectNoTall () {// Pilih Semua Kelas Hapus
$ ('. Goods_sale_property'). Masing -masing (fungsi (i) {
$ (ini) .removeclass ('Goods_sale_property_checked');
});
}
</script>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.