Ticker

6/recent/ticker-posts

.removeClass dan .addClass() Pada JQuery

.removeClass, digunakan untuk menghapus nama class pada tag HTML. Perintah ini dapat digunakan pada satu tag HTML maupun semua tag yang memiliki nama class yang sama. Misalnya kita akan menghapus nama class 'myClass' pada tag <p>

HTML


<p class="myClass">Ini Paragraph Yang akan di hapus nama class</p>
 
JQuery

$("p").removeClass("myClass")
 
Hasil

<p>Ini Paragraph Yang akan di hapus nama class</p>
 
 
.addClass, digunakan untuk menambahkan nama class pada tag HTML. Misalnya kita akan menambahkan nama class 'yourClass' pada tag <p>

HTML

<p>Ini Paragraph yang akan di tambah nama class</p>

JQuery

$( "p" ).addClass( "yourClass" );

Hasil

<p class="yourClass">Ini Paragraph yang akan di tambah nama class</p>

Perintah .removeClass dan .addClass dapat di gunakan secara bersama untuk beralih kelas elemen dari satu ke yang lain, seperti berikut:

 $( "p" ).removeClass( "myClass" ).addClass( "yourClass" );
 
perintah diatas digunakan untuk mengganti class 'myClass' dengan class 'yourClass' pada tag <p>.

Untuk menambah class bisa juga menggunakan perintah .attr("class", "NamaClassBaru")  seperti berikut : 

$( "p" ).attr("class","yourClass");

Posting Komentar

0 Komentar