jQuery İle Fonksiyon Sınıfı Oluşturma ve Kullanma
Belirli bir işlevi gerçekleştirmek için bir araya gelmiş deyimlere fonksiyon denir. Bir defa tanımlanır ve aynı işlevi gerçekleştirme istediğimiz yerde sadece fonksiyonu çağırarak kullanırız. Bu makalemizde jQuery ile fonksiyon tanımlamayı ve tanımladığımız bir fonksiyonu nasıl kullanabileceğimizi öğreneceğiz.
jQuery ile fonksiyon oluşturmadan önce bir sınıf oluştururuz ve fonksiyonları bu sınıfın içerisinde tanımlarız.
NOT: Uygulamaları yapmadan önce jQuery kütüphanesini sayfaya dahil etmeyi unutmayın!
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<script type="text/javascript"> $(document).ready(function(){ $.AliDemirci = { ekranaYaz: function(){ alert("Ben bir fonksiyonum ve çalışıyorum."); }, sonraki: function(){ alert("Ben de ikinci fonksiyonum :)"); } } }); </script> <input type="submit" onclick="$.AliDemirci.ekranaYaz()" /> <input type="submit" onclick="$.AliDemirci.sonraki()" /> |
Sınıf oluşturursak tüm fonksiyonlarımızı düzenli bir biçimde kullanabiliriz. Eğer sınıf oluşturmadan fonksiyon tanımlamak ve kullanmak istersek;
1 2 3 4 5 6 7 8 9 10 11 |
<script type="text/javascript"> $(document).ready(function(){ $.tekliFonksiyon = function(){ alert("Bu da tekli fonksiyon."); } }); </script> <input type="submit" onclick="$.tekliFonksiyon()" /> |
Bu kullanımların yanında fonksiyonlara parametre de gönderip bu şekilde de kullanabiliriz.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<script type="text/javascript"> $(document).ready(function(){ $.AliDemirci = { sayiyiAl: function(gelenDeger, gidenDeger){ alert(gelenDeger + " - " + gidenDeger); } } }); </script> <input type="submit" onclick="$.AliDemirci.sayiyiAl(12, 15)" /> |
Bu şekilde fonksiyonlar içerisinde istediğimiz kadar parametre gönderip fonksiyon içerisinde işleyebiliriz. jQuery’de fonksiyon oluşturma ve kullanma ile ilgili makalemiz buraya kadar. Yararlı olması dileğiyle. Görüşmek üzere, iyi çalışmalar..