Sık Kullanılan JQuery Kodları [Kopyala-Kullan]

L

LosT

Yaşayan Forum Efsanesi
5 Şub 2015
8,117
31
-
Yazılımda zaman kazanmak için sürekli kullandığım kalıpları kaydederim ve tekrar tekrar yazmak yerine kopyalayıp kullanırım. Bu konumda ise sık kullanılan bazı JQuery kodlarını ekledim. Yazım şeklini unutan veya zaman kazanmak isteyen CTRL+F yaparak bulup kullanabilir.

documen-t ready: Sayfa yüklendiğinde çalışacak olan JQuery kodları buraya yazılır.
Kod: 
$( documen-t ).ready(function() {
  // Kodlar
});

4dKDtQ.png


click event: Nesneye tıklama event'i verir.
Kod: 
$("secici").click(function(){
   // tıklama sonra işlem
 });
Kod: 
$('ebeveyn_secici').on('click', 'secici', function() {
  // tıklama sonra işlem
});

4dKDtQ.png


ajax: Sayfa yenilenmeden php kodları çalışmanıza imkan tanır
Kod: 
$.ajax({
    type: "POST",
    url: 'php_yolu',
    data: {gonderilecek_data},
    success: function (gelen_data){ // basarili ise
        // islem
    },
});

4dKDtQ.png


addClass/removeClass: Nesneye sınıf tanımlar/siler
Kod: 
$("secici").addClass("eklenecek_sinif");
$("secici").removeClass("silinecek_sinif");

4dKDtQ.png


parents/siblings/children: Nesnenin ebeveyn/kardeş/alt elementini temsil eder. Genelde this ile kullanılır. Seçici ile de kullanılabilir.
Kod: 
$(this).parents("secici");
$(this).siblings("secici");
$(this).childrens("secici");

4dKDtQ.png


tek satır if: tek satırda if deyimini çalıştırır.
Kod: 
var sonuc = (degisken > 1) ? true : false;

4dKDtQ.png


attr: id gibi nitelik değeri çeker
Kod: 
var deger = $(this).attr("id");

4dKDtQ.png


each: dökümandaki elementler hakkında sırayla işlem yapar
Kod: 
$("secici").each(function() {
      // $(this) islem
});

4dKDtQ.png


split: değeri istenilen karaktere böler (ÖRN: Boşluğa bölerek her kelimeyi dizi elemanı olarak atayabilirsiniz)
Kod: 
var string_deger = "yazılar1 yazılar2 yazılar3";
// string_deger.split(" ")[1]; ==> Çıktısı "yazilar2"

4dKDtQ.png


Aklıma geldikçe ekleyeceğim...


​
 
Cevap yazmak için giriş yap yada kayıt ol.
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.