Rumah hujung hadapan web tutorial js Bagaimana untuk mengubah suai, menambah dan memadam gaya kelas dalam kemahiran js_javascript

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

May 16, 2016 pm 04:18 PM
class js Semak semula padam kaedah gaya Tambah ke

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.
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Cara menukar nama peribadi dalam kumpulan di DingTalk_Cara mengubah suai nama peribadi dalam kumpulan di DingTalk Cara menukar nama peribadi dalam kumpulan di DingTalk_Cara mengubah suai nama peribadi dalam kumpulan di DingTalk Mar 29, 2024 pm 08:41 PM

Cara menukar nama peribadi dalam kumpulan di DingTalk_Cara mengubah suai nama peribadi dalam kumpulan di DingTalk

Cara menulis novel dalam aplikasi Novel Percuma Tomato Kongsi tutorial cara menulis novel dalam Novel Tomato. Cara menulis novel dalam aplikasi Novel Percuma Tomato Kongsi tutorial cara menulis novel dalam Novel Tomato. Mar 28, 2024 pm 12:50 PM

Cara menulis novel dalam aplikasi Novel Percuma Tomato Kongsi tutorial cara menulis novel dalam Novel Tomato.

Adakah benar anda boleh disekat dan dipadamkan pada WeChat dan tidak dapat ditambahkan secara kekal? Adakah benar anda boleh disekat dan dipadamkan pada WeChat dan tidak dapat ditambahkan secara kekal? Apr 08, 2024 am 11:41 AM

Adakah benar anda boleh disekat dan dipadamkan pada WeChat dan tidak dapat ditambahkan secara kekal?

Bagaimana untuk memulihkan kenalan yang dipadam pada WeChat (tutorial mudah memberitahu anda cara memulihkan kenalan yang dipadam) Bagaimana untuk memulihkan kenalan yang dipadam pada WeChat (tutorial mudah memberitahu anda cara memulihkan kenalan yang dipadam) May 01, 2024 pm 12:01 PM

Bagaimana untuk memulihkan kenalan yang dipadam pada WeChat (tutorial mudah memberitahu anda cara memulihkan kenalan yang dipadam)

Bagaimana untuk menambah TV pada Mijia Bagaimana untuk menambah TV pada Mijia Mar 25, 2024 pm 05:00 PM

Bagaimana untuk menambah TV pada Mijia

Bagaimana untuk memadam sepenuhnya sejarah sembang TikTok Bagaimana untuk memadam sepenuhnya sejarah sembang TikTok May 07, 2024 am 11:14 AM

Bagaimana untuk memadam sepenuhnya sejarah sembang TikTok

Rahsia penetasan telur naga mudah alih terbongkar (langkah demi langkah untuk mengajar anda cara berjaya menetas telur naga mudah alih) Rahsia penetasan telur naga mudah alih terbongkar (langkah demi langkah untuk mengajar anda cara berjaya menetas telur naga mudah alih) May 04, 2024 pm 06:01 PM

Rahsia penetasan telur naga mudah alih terbongkar (langkah demi langkah untuk mengajar anda cara berjaya menetas telur naga mudah alih)

Bagaimana untuk menetapkan saiz fon pada telefon mudah alih (mudah melaraskan saiz fon pada telefon bimbit) Bagaimana untuk menetapkan saiz fon pada telefon mudah alih (mudah melaraskan saiz fon pada telefon bimbit) May 07, 2024 pm 03:34 PM

Bagaimana untuk menetapkan saiz fon pada telefon mudah alih (mudah melaraskan saiz fon pada telefon bimbit)

See all articles