jQuery'e Giriş

JQuery "write less, do more", yani "az yazı ile çok iş". Bu dersimizde jQuery'e bazı temel bilgilerle giriş yapıp bir fikir edineceğiz. Gerisi gelecek.

Merhaba arkadaşlar,

Ben de öğrenmeye yeni başlayan biri olarak sizlere jQuery nedir, ne değildir biraz bundan bahsetmek istiyorum. Yeni şeyler öğrendikçe sizlerle paylaşmaya çalışacağım.

JQuery öncelikle bir programlama dili değildir. Bunu bilmek lazım. Peki ama, nedir bu jQuery?

[*] JQuery bir javascript kütüphanesidir.
[*] Javascript kodlarını kısaltır. Sayfalarca kod yazmak yerine birkaç satırda işlemlerimizi bitirmemizi sağlar.
[*] Öğrenmesi basittir. Jquery kendisini tanımlarken "write less, do more" yani az yazı ile çok iş şeklinde tanımlar.

JQuery öğrenmeye başlamadan önce neleri bilmek lazım?
[*] HTML
[*] CSS
[*] Javascript

JQuery kütüphane dosyasını neren bulabiliriz?

Jquery.com adresinden ücresiz olarak kütüphaneyi ve eklentileri indirebilirsiniz.

JQuery Kod Yapısı

Basit syntax: $(selector).action()

[*] Dolar işareti jQuery kodunu tanımlıyor
[*] Selector tagı da HTML elementimizi tanımlıyor
[*] Action tag'ı ise gerçekleşecek eventin ne olduğunu tanımladığımız alandır.

Örnek:
[*] $(this).hide() Üzerinde çalışılan elemanı gizler.
[*] $("p").hide() Bütün paragraf elemanlarını gizler.
[*] $("p.test").hide() Class özlelliği test olan bütün paragrafları gizler.
[*] $("#test").hide() Id'si test olan bütün elementleri gizler.

Document Ready Fonksiyonu

jQuery'deki ana fonksiyondur. Diğer bütün fonksiyonlar bu fonksiyonun içine yazılırlar.


$(document).ready(function(){



   // jQuery functions go here...



});



Şimidilik bu kadar yeterli sanırım. Diğer yazılarımızda görüşmek dileğiyle...
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git