Bir grup elementin veya bir grup tagın CSS sınıfı var olup olmadığını hasClass() ile kontrol edebiliriz. hasClass() metodunda parametre olarak test etmek istediğimiz sınıfın adını yazıyoruz. Aşağıda mavi yazarak mavi CSS sınıfını kontrol ettirmiş oluyorum.
Jquery hasClass() metodu ile class’ın varlığını kontrol etme
Bir grup elementin veya bir grup tagın CSS sınıfı var olup olmadığını hasClass() ile kontrol edebiliriz. hasClass() metodunda parametre olarak test etmek istediğimiz sınıfın adını yazıyoruz. Aşağıda mavi yazarak mavi CSS sınıfını kontrol ettirmiş oluyorum.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></ script> <title>hasclass metodu</title> <style type="text/css"> .mavi { color: blue; } </style> <script type="text/javascript"> $(document).ready(function() { $("button:first").click(function() { $("h1").addClass("mavi"); }); $("button:eq(1)").click(function() { if ($("h1").hasClass("mavi")) { $("h1").removeClass("mavi"); } }); }); </ script> </head> <body> <h1>Acele ile menzil alinmaz</h1> <button>Mavi sinif ekle</button> <button>Mavi sinif sil</button> </body> </html> |