21. Gün - jQuery Dersi 21

Tayfun Erbilen ekledi. 19 Ekim 2012 Cuma

Yirmi birinci jQuery dersimizde aşağıdakileri öğrendik;
- jQuery $.browser Nesnesi
- jQuery $.contains Fonksiyonu
- jQuery Resize Metodu



$.browser Nesnesi
Bu nesne tarayıcı tipini ve versiyonunu elde etmemizi sağlar. Mevcut tarayıcı tipleri şunlardır;

- opera
- msie
- safari
- mozilla
- webkit

Örnek bir kullanımı ise şöyledir;

if ($.browser.opera){
   alert("Opera tarayıcısı ile giriş yaptınız..");
}

Versiyon öğrenmek için ise örnek kullanım;

alert($.browser.version);

$.contains Fonksiyonu
Bu fonksiyon 2 parametre alır.. Bu paremetrelerde html nesneleri olmalıdır.. İlk nesne içerisinde, 2. nesnenin olup olmadığının kontrolünü yapar.. Örnek bir kullanım;

var sonuc = $.contains($("div#tarayici")[0], $("strong")[0]);
if (sonuc){
 alert("Nesne bulunuyor!");
} else {
 alert("Nesne bulunamadı!");
}

Burada html nesnesine çevrilmesi için [0] ifadesini seçtiğimiz nesnenin sonuna ekliyoruz.

.resize() Metodu
Bu metod seçilen nesne yeniden boyutlandırıldığında bunu yakalayıp işlem yapmamızı sağlar.. Genelde pencere için kullanılan bir metoddur.. Örnek kullanımı;

$(window).resize(function(){
 var width = $(this).width();
 var height = $(this).height();
 $("#sonuc").html("<strong>Width: </strong>" + width + "<br /><strong>Height: </strong>" + height);
});

Mevcut penceremiz yeniden boyutlandırıldığında yeni genişlik ve yüksekliğini sonuc divinin içerisinde yazdırmış olduk.

Kaynak dosyayı indirin;
http://yadi.sk/d/-FJIc5jr0HfHZ Gözat