.removeClass()

.removeClass(className) Dönen Değer : JQuery Nesnesi
Açıklama : Seçilen eleman(lar)dan belirtilen bir ya da birçok sınıfı ya da tüm sınıfları siler.

.removeClass(className)
className
Tip : String
Seçilen elemanların her birinden bir ya da boşlukla ayrılmış şekilde yazılmış birden fazla sınıf adı silinir.
.removeClass(classNames)
classNames
Tip : Array
Seçilen elemanların her birinden bir array içinde verilen sınıf adları silinir.
.removeClass(function)
function
Tip : Function( Integer index, String currentClassName ) => String
Bir ya da boşlukla ayrılmış birden fazla sınıf adı içeren bir String değer dönen fonksiyondur. index değeri fonksiyon içinde seçilmiş elemanın index numarası olarak kullanılabilir, currentClassName ise seçilmiş elemanın o anki class değeri olarak fonksiyon içinde kullanılabilir. Ayrıca tabi ki this fonksiyon içinde o anda işlenmekte olan elemanı ifade eder.
.removeClass(function)
function
Tip : Function( Integer index, String currentClassName ) => String | Array
Bir ya da boşlukla ayrılmış birden fazla sınıf adı içeren bir String değer ya da class adlarının olduğu bir array dönen fonksiyondur. index değeri fonksiyon içinde seçilmiş elemanın index numarası olarak kullanılabilir, currentClassName ise seçilmiş elemanın o anki class değeri olarak fonksiyon içinde kullanılabilir. Ayrıca tabi ki this fonksiyon içinde o anda işlenmekte olan elemanı ifade eder.

Birden fazla sınıf adı silmek için boşluklarla ayrılmış sınıf adları kullanılabilir.

 $("p").removeClass("myClass yourClass");    

Bu metod sıklıkla addClass() metodu ile birlikte elemanların sınıf değerlerini bir değerden diğerine değiştirmek için kullanılır.

$("p").removeClass("myClass noClass").addClass("yourClass");

Burada myClass ve noClass sınıf isimleri elemandan silinir ve yourClass sınıfı elemana eklenir.

Fonksiyon kullanan removeClass() metodu kullanımı da şöyle :

$("li").last().removeClass(function() {
    return $(this).prev().attr( "class" );
});    

Bu örnek sondaki <li> elemanından , bir önceki <li> elemanının sınıf değerini siler.



Örnekler :

Seçilen eleman(lar)dan blue sınıfını siler.

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>JQuery Öğrenimi</title>
        <script src="jquery.js"></script>
        <style>
            p {
                margin: 4px;
                font-size: 16px;
                font-weight: bolder;
            }
            .blue {
                color: blue;
            }
            .under {
                text-decoration: underline;
            }
            .highlight {
                background: yellow;
            }
        </style>
    </head>
    <body>
        <p class="blue under">Merhaba</p>
        <p class="blue under highlight">ve</p>
        <p class="blue under">sonra</p>
        <p class="blue under">Hoşçakal</p>
        <script>
            $("p").even().removeClass("blue");
        </script>
    </body>
</html>  

Merhaba

ve

sonra

Hoşçakal


Seçilen eleman(lar)dan blue ve under sınıflarını siler.

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>JQuery Öğrenimi</title>
        <script src="jquery.js"></script>
        <style>
            p {
                margin: 4px;
                font-size: 16px;
                font-weight: bolder;
            }
            .blue {
                color: blue;
            }
            .under {
                text-decoration: underline;
            }
            .highlight {
                background: yellow;
            }
        </style>
    </head>
    <body>
        <p class="blue under">Merhaba</p>
        <p class="blue under highlight">ve</p>
        <p class="blue under">sonra</p>
        <p class="blue under">Hoşçakal</p>
        <script>
            $("p").odd().removeClass("blue under");
        </script>
    </body>
</html>

Merhaba

ve

sonra

Hoşçakal


Seçilen eleman(lar)dan blue ve under sınıflarını array olarak verilen parametre ile siler.

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>JQuery Öğrenimi</title>
        <script src="jquery.js"></script>
        <style>
            p {
                margin: 4px;
                font-size: 16px;
                font-weight: bolder;
            }
            .blue {
                color: blue;
            }
            .under {
                text-decoration: underline;
            }
            .highlight {
                background: yellow;
            }
        </style>
    </head>
    <body>
        <p class="blue under">Merhaba</p>
        <p class="blue under highlight">ve</p>
        <p class="blue under">sonra</p>
        <p class="blue under">Hoşçakal</p>
        <script>
            $("p").odd().removeClass(["blue", "under"]);
        </script>
    </body>
</html>

Merhaba

ve

sonra

Hoşçakal

.removeClass() Dönen Değer : JQuery Nesnesi
Açıklama : Seçilen eleman(lar)dan tüm sınıfları siler.

.removeClass()
Bu metod hiç bir parametre almaz.

Versiyon 1.12/2.2 öncesinde removeClass() metodu verilen className parametresi ile çalışıyordu. Sınıfların hepsi silince bile boş bir class özelliği elemanda kalıyordu. Daha sonraki versiyonlarda metodun parametresiz kullanımında tüm özelliğin silinmesi sağlandı.



Örnek :

Seçilen eleman(lar)dan tüm sınıf adlarını siler.

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>JQuery Öğrenimi</title>
        <script src="jquery.js"></script>
        <style>
            p {
                margin: 4px;
                font-size: 16px;
                font-weight: bolder;
            }
            .blue {
                color: blue;
            }
            .under {
                text-decoration: underline;
            }
            .highlight {
                background: yellow;
            }
        </style>
    </head>
    <body>
        <p class="blue under">Merhaba</p>
        <p class="blue under highlight">ve</p>
        <p class="blue under">sonra</p>
        <p class="blue under">Hoşçakal</p>
        <script>
            $("p").eq(1).removeClass();
        </script>
    </body>
</html>

Merhaba

ve

sonra

Hoşçakal

.

.