Jquery ile Nesneye Class Ekleme

Bazen yaptığımız projelerde sayfamızda bir çok nesneye jquery ile dinamik olarak class’lar atamamız gerekebilir. Örneğin select box kullanıyoruz diyelim, seçilen öğenin class’ını “selected” yapmamız gerekebilir veya input:text’e tıkladığımızda input’un renginin değişmesini isteyebiliriz. Bu gibi durumlarda jquery bize çok çok yardımcı oluyor. Hadi bir kaç örnek ile görelim bunları.

Html sayfaya bir tane test ID’li div oluşturdum ve buna “serdar” isimli bir class atayalım.

Html sayfamız ;

<style type="text/css">
    .serdar{
        background-color: orangered;
        color: white;
        font-size:26px;
    }
</style>
 
<input type="button" id="btn_Gonder">

Jquery tarafı ;

$('#text').addClass("serdar");