2. Gün – jQuery Dersi 2

İkinci jQuery dersimizde aşağıdakileri öğrendik;
– jQuery CSS Metodu
– jQuery Nitelik Atama (attr) Metodu
– jQuery Nitelik Silme (removeAttr) Metodu

Css Metodu ile css özelliği atamak

$("p").css("color","red");

Css Metodu ile birden fazla css özelliği atamak

$("div").css({ "background-color" : "#ccc", "color" : "blue"});

attr Metodu ile Nitelik Atamak

$("a").attr("href","http://www.erbilen.net");

attr Metodu ile birden fazla nitelik atamak

$("img").attr({ "src" : "http://2.bp.blogspot.com/-S-YSNmbZOXg/UBiGPTnOitI/AAAAAAAAAo8/w2TwQfr6WoQ/s1600/logo.png", "title" : "Erbilen.NET - Kişisel Blog"});

removeAttr metodu ile nitelik silmek

$("input").removeAttr("disabled");

Yayınlayan

Tayfun Erbilen

2009'dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“2. Gün – jQuery Dersi 2” üzerine 25 yorum

  1. Tayfun abi yaşıyon hayatı bizim buralarda ne sinema var ne başka bir şey sıkıntıdan eve kapanıyoz 🙂 ders için beklemedeyiz..

  2. mesela bir buton olsun bu butona tıklayınca bir yazının fon boyutu büyüsün nasıl bir kod uygulamamız gerekir

  3. mac'de notepad++ yok, alternatif olarak text mate'i kullanıyordum ama deneme sürümü bitti.. Ee ölecek değiiz ya dedim açtım dwyi 🙂

  4. Örnek bir kod;var font = 12;$("button.fontArtir").click(function(){ if (font < 20){ font++; $("div.icerik").css("font-size", font + "px"); }});

  5. Tayfun abi css dosyası oluşturmadan jquery ile css özelliklerini tanımlayarak web sayfaları oluşturmamızda sakınca olurmu ?

  6. sorun olmaz ama genelde jquery okunması biraz zaman alıyor.. ilk açılışta dağınık gözükebilir tasarım 🙂 Ayrıca yazımı ve geliştirmesi zor olur.

  7. Kurulumhttp://www.youtube.com/watch?v=tquErQhPk60+Gedit + Autocomplete and Snippets Pluginshttp://www.youtube.com/watch?v=KeuJxb-pu84kendi snippetslerini yaratabilirsin ve zencoding eklentisinide destekliyor.

  8. Sayfaya üç adet paragraf ekleyiniz. birinci paragraftaki yazılar 15px, ikinci paragraftaki yazıların 30 px olmasını sağlayan ve üçüncü paragrafı gizleyen jquery kodunu nasıl yazarım.

  9. @acemicadı, şöyle yapabilirsin;

    <p>1. paragraf</p>
    <p>2. paragraf</p>
    <p>3. paragraf</p>

    jquery;

    $(function(){
    
    	p = $("p");
    	p.eq(0).css("text-indent","15px")
    	p.eq(1).css("text-indent","30px")
    	p.eq(2).hide();
    
    });
  10. Ekrana bir adet resim ekleyip resmin üzerine gelindiğinde uzeri fonksiyonu, üzerinden gidildiğinde gitti fonksiyonu, tıklandığında ise tiklandi fonksiyonu çalışacaktır. Üzeri fonksiyonu sayfanın arka plan rengini kırmızı yapsın. Gitti fonksiyonu ekrana mause gitti yazan açılır kutu çıkartsın. tiklandi fonksiyonu ise resmi iki saniyede gizlesin. Bu işlemleri gerçekleştiren jquery kodunu yaparmısın .

  11. @ezghy,

    Html;

    <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash3/c44.42.525.52
    5/s160x160/543290_470155503042940_1096198828_n.jpg" alt="" id="resim" />

    jQuery;

    $(function(){
    
    	// hover fonksiyonu
    	$.hover = function(){
    		$("body").css("background","red");
    	}
    	 
    	// unhover fonksiyonu
    	$.unhover = function(){
    		alert("fare gitti");
    	}
    	
    	// click fonksiyonu
    	$.click = function(elem){
    		$(elem).fadeOut(2000);
    	}
    
    	$("img#resim").hover(function(){
    		$.hover();
    	}, function(){
    		$.unhover();
    	}).click(function(){
    		$.click(this);
    	});
    
    });

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir