BLOG

2. Gün - jQuery Dersi 2

Tayfun Erbilen ekledi. 10 Ağustos 2012 Cuma

İ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" : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkYQtVf1m3QH7yAf1UyLvh424KTMDlfhvevkzQSmjVqh4Nwzcm_3NBF2u8jPw0G7k3DuDpOlZmY0jqBeuY0xf7rc3ZEKBQtv2tRUA-FS-lE2wdPBZaOFNrrXjxaj21V5LTDsCYaS5ulV4/s1600/logo.png",
 "title" : "Erbilen.NET - Kişisel Blog"
});

removeAttr metodu ile nitelik silmek
$("input").removeAttr("disabled");


Gözat

19 yorum

  1. e.mutlu10 Ağustos 2012 21:37

    Beklemedeyiz :)

    YanıtlaSil
  2. Muhammed Enes Ekinci10 Ağustos 2012 22:15

    Beklemedeyiz :)

    YanıtlaSil
  3. Qalib Abbasov11 Ağustos 2012 00:37

    iyi eylenceler :)))

    YanıtlaSil
  4. Unknown11 Ağustos 2012 01:23

    nöbettiyiz tayfun reyizZ :D

    YanıtlaSil
  5. Ahmet11 Ağustos 2012 01:38

    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..

    YanıtlaSil
  6. Lei11 Ağustos 2012 02:20

    Faydalı olmuş.

    YanıtlaSil
  7. Unknown11 Ağustos 2012 02:28

    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

    YanıtlaSil
    Yanıtlar
    1. ahmad11 Ağustos 2012 03:02

      Örnek bir kod;

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

      Sil
  8. Adsız11 Ağustos 2012 02:51

    Neden dreamveaer kullanıyorsun ? :)

    YanıtlaSil
    Yanıtlar
    1. ahmad11 Ağustos 2012 03:01

      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 :)

      Sil
    2. Adsız11 Ağustos 2012 03:11

      :D Adamın mac'i var dağılın beyler :) Yakışır :)

      Sil
    3. Adsız11 Ağustos 2012 09:52

      gedit bir dene tayfun, açık kaynakmış.

      http://alternativeto.net/software/gedit/

      belki beğenirsin. :)

      Sil
    4. Adsız11 Ağustos 2012 10:06

      Kurulum
      http://www.youtube.com/watch?v=tquErQhPk60

      +

      Gedit + Autocomplete and Snippets Plugins
      http://www.youtube.com/watch?v=KeuJxb-pu84

      kendi snippetslerini yaratabilirsin ve zencoding eklentisinide destekliyor.

      Sil
  9. LadyArch3r11 Ağustos 2012 02:56

    Teşekkürler güzel ders olmuş.

    YanıtlaSil
  10. Muhammed Enes Ekinci11 Ağustos 2012 03:04

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

    YanıtlaSil
    Yanıtlar
    1. ahmad11 Ağustos 2012 03:14

      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.

      Sil
    2. Muhammed Enes Ekinci11 Ağustos 2012 03:20

      css devam o zaman :)

      Sil
  11. Caner Selvi11 Ağustos 2012 16:06

    Derslere doyum olmuyor. Bekliyoruz

    YanıtlaSil
  12. Aydın GÜDÜLLÜ24 Ağustos 2012 19:19

    F12 ile browser da görebilirsin tayfun, selamlar.

    YanıtlaSil

Kaydol: Kayıt Yorumları (Atom)

HAKKIMDA

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