jquery hasClass ile class var mı kontrol

jquery hasClass ile class var mı kontrol

  • 2 Temmuz 2013
  • 4 Okunma
  • 1 Yorum
  • 3 DK

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

Naber line!!

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.

Naber line!!

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.

ÖRN
http://www.balonbaski.com/kurumsal/baskili-balon-fiyat-listesi/

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.

HAYATI KODLA'YA ABONE OLUN!!
ETKİLEYİCİ BİR YORUM BIRAK

jquery hasClass ile class var mı kontrol İle Benzer Yazılar

"jquery hasClass ile class var mı kontrol" Yazısına uygun diğer makalerler

jquery hasClass ile class var mı kontrol
Youtube, İnternetsiz video izlettirecek
Youtube, İnternetsiz video izlettirecek
jquery hasClass ile class var mı kontrol
Youtube videolarınızı gife çevirin
Youtube videolarınızı gife çevirin
jquery hasClass ile class var mı kontrol
Youtube de html5 e geçin.
Youtube de html5 e geçin.