Kaedah addClass

Kaedah addClass menambah kelas CSS yang ditentukan kepada elemen.

Sintaks

Satu kelas CSS:

javascript$(pemilih).addClass(nama kelas CSS);

Beberapa kelas CSS (sebagai rentetan):

javascript$(pemilih).addClass('kelas1 kelas2 kelas3 ...');

Beberapa kelas CSS (sebagai tatasusunan):

javascript$(pemilih).addClass(['kelas1', 'kelas2', 'kelas3', '...']);

Menggunakan fungsi untuk setiap elemen dalam set:

javascript$(pemilih).addClass(function(nombor dalam set, kelas CSS semasa elemen));

Contoh

Perenggan kami tidak mempunyai kelas sama sekali. Mari tambahkan kelas www kepadanya:

html<p id="test">teks</p>

javascript$('#test').addClass('www');

Kod HTML akan kelihatan seperti ini:

html<p id="test" class="www">teks</p>

Contoh

Perenggan kami sudah mempunyai kelas. Mari tambahkan kelas www kepadanya:

html<p id="test" class="eee">teks</p>

javascript$('#test').addClass('www');

Kod HTML akan kelihatan seperti ini:

html<p id="test" class="eee www">teks</p>

Contoh

Perenggan kami sudah mempunyai dua kelas. Mari tambahkan kelas www kepadanya:

html<p id="test" class="eee ggg">teks</p>

javascript$('#test').addClass('www');

Kod HTML akan kelihatan seperti ini:

html<p id="test" class="eee ggg www">teks</p>

Contoh

Perenggan kami sudah mempunyai kelas. Mari tambahkan dua kelas lagi kepadanya - www dan ggg:

html<p id="test" class="eee">teks</p>

javascript$('#test').addClass('www ggg');

Kod HTML akan kelihatan seperti ini:

html<p id="test" class="eee www ggg">teks</p>

Lihat juga