Bagaimana untuk mengubah suai, menambah dan memadam gaya kelas dalam kemahiran js_javascript

Contoh dalam artikel ini menerangkan kaedah mengubah suai, menambah dan memadam gaya kelas dalam js. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Fungsi front-end js yang agak biasa, fungsi yang sepadan boleh dicapai dengan mengubah suai className teg.

Kod khusus adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

<table>
<tbody>
<tr>
<td>JS melaksanakan pengubahsuaian, penambahan dan pemadaman gaya kelas</td>
<td>
<a e_value="g_sn" ename="goods code" class="goods_sale_property" href="javascript:void(0);">goods code</a>
<a e_value="pdt_sn" ename="nombor item barangan" class="goods_sale_property" href="javascript:void(0);">nombor item barangan</a>
<a e_value="pdt_name" ename="Specification name" class="goods_sale_property" href="javascript:void(0);">Specification name</a>
</td>
</tr>
</tbody>
<tbody>
<tr>
                           <td><a onclick="selectAll()" style="color:#F00">Pilih Semua</a> </td>
                                                                                                                                                                                                                                    .                                                                                                </tbody>
</table>

<skrip> $('.goods_sale_property').click(function(){//Klik pada teg yang berasingan untuk menambah kelas

If($(this).hasClass('goods_sale_property_checked')){
          $(this).removeClass('goods_sale_property_checked');
}lain{
           $(this).addClass('goods_sale_property_checked');
}
});
function selectAll(){//Pilih semua dan tambah kelas
$('.barang_jualan_harta').setiap(fungsi(i){
           $(this).addClass('goods_sale_property_checked');
});
}
function selectNotAll(){//Pilih semua dan padamkan kelas
$('.barang_jualan_harta').setiap(fungsi(i){
$(this).removeClass('goods_sale_property_checked');
});
}
</skrip>

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.