Jquery’de addClass() ile sınıf ekleyebiliyoruz ve removeClass() ile sınıfı siliyoruz. tooggleClass() metodu bir iki metodun bir kombinasyonudur. Eğer sınıf varsa siler, yoksa ekler.

İçerik göster

Jquery toogleClass ile class ekleme ve silme işlemini tek kodla yapma

Jquery’de addClass() ile sınıf ekleyebiliyoruz ve removeClass() ile sınıfı siliyoruz. tooggleClass() metodu bir iki metodun bir kombinasyonudur. Eğer sınıf varsa siler, yoksa ekler.

Html Kodu

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></ script>
    <title>toggleClass() metodu</title>
    <style type="text/css">
        .mavi {
            color: blue;
        }
    </style>
    <script type="text/javascript">
        $(document).ready(function () {
            $("button:first").click(function () {
                $("h1").toggleClass("mavi");
            });
        });
    </ script>
</head>
<body>
    <h1>Bedava sirke baldan tatlidir</h1>     
    <button>Sinif ekle/sil</button>
</body>
</html>

<html>

<head>

<title>toggleClass() metodu</title>

.mavi {

color: blue;

}

</style>

$(document).ready(function () {

$("button:first").click(function () {

$("h1").toggleClass("mavi");

});

</ script>

</head>

<body>

<h1>Bedava sirke baldan tatlidir</h1>

<button>Sinif ekle/sil</button>

</body>

</html>

Sonuç

5/5 - (1 vote)

Kategoriler

Bloga e-posta ile abone ol

Jquery toogleClass ile class ekleme ve silme işlemini tek kodla yapma