Bu kod benim çok işime yaradı bence sizinde işineze yarayacak. Hemen nasıl kullanılır ona geçiyorum. Şimdi ilk önce html yapımızı oluşturalım. Bir tane divimiz olsun
Yukarıdaki gibi bir divimiz var şimdi bu dive atanmış bir class parametresi var mı yok mu ona bakıcaz.
if($("#hasan").hasClass("aktif")){ alert("Evet var"); }else{ alert("Hayır yok"); }
Var ise true değerini yok ise false değerini döndürüyor bunu if ile kontrol edersek yukarıdaki gibi kullanabiliriz. Yalnız tabi ki jquery de ilk önce bir seçici ile seçmek gerekiyor yani $(“#hasan”) bu dive class parametresi atanmış mı? şeklinde bir mantıkla tabi illa id değil class ilede seçebilirsiniz yani $(“.hasan”) gibi o zamanda html yapısı şöyle olacak.
aynı class parametresinde boşluk bırakarak 2 tane class değeri atayabiliyoruz. Böyle kullanırsanızda olur. Şimdi asıl mesele bu bizim nerde işimize yarayacak
Ben bunu açılır kapanır menüde kullandım.
Yukarıdaki fiyat listesinde kategori başlığına basınca aktif classı atıyor ve jquery efekti olarak slideDown çalışıyor. Kapatmak için se gene aynı başlığa tıklamak gerekiyor eğer aktif classı var ise siliyor ve slideUp ile icerik kısmı kapanıyor.
Şimdi diceksiniz bunu toggle ile de yapabilirdik. Toggle ile de denedim ama istediğim gibi olmadı Togglenin kendi efektleri var onlar çalışıyor ben slideUp ve slideDown çalışsın veya başka bir efekt çalışsın istiyorum o yüzden de bu yöntemi buldum sizlerle paylaşmak istedim. Hadi kolay gelsin bir sorununuz olursa veya yapamazsanız bana burdan yorum ile ulaşabilirsiniz.
"jquery hasClass ile class var mı kontrol" Yazısına uygun diğer makalerler