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.
click event: Nesneye tıklama event'i verir.
ajax: Sayfa yenilenmeden php kodları çalışmanıza imkan tanır
addClass/removeClass: Nesneye sınıf tanımlar/siler
parents/siblings/children: Nesnenin ebeveyn/kardeş/alt elementini temsil eder. Genelde this ile kullanılır. Seçici ile de kullanılabilir.
tek satır if: tek satırda if deyimini çalıştırır.
attr: id gibi nitelik değeri çeker
each: dökümandaki elementler hakkında sırayla işlem yapar
split: değeri istenilen karaktere böler (ÖRN: Boşluğa bölerek her kelimeyi dizi elemanı olarak atayabilirsiniz)
Aklıma geldikçe ekleyeceğim...
documen-t ready: Sayfa yüklendiğinde çalışacak olan JQuery kodları buraya yazılır.
Kod:
$( documen-t ).ready(function() {
// Kodlar
});
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
});
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
},
});
addClass/removeClass: Nesneye sınıf tanımlar/siler
Kod:
$("secici").addClass("eklenecek_sinif");
$("secici").removeClass("silinecek_sinif");
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");
tek satır if: tek satırda if deyimini çalıştırır.
Kod:
var sonuc = (degisken > 1) ? true : false;
attr: id gibi nitelik değeri çeker
Kod:
var deger = $(this).attr("id");
each: dökümandaki elementler hakkında sırayla işlem yapar
Kod:
$("secici").each(function() {
// $(this) islem
});
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"
Aklıma geldikçe ekleyeceğim...