Jquery ile HTML elemanlarını seçebilir, bunlar üzerinde işlemler yapabilirsiniz.
Basit syntax kullanımı: $(selector).action()
Dolar işareti ($) JQuery’yi işaret eder.
(selector) HTML elemanını bulur.
action() ise yapılacak işlemdir.
Örnekler:
$(this).hide()
JQuery hide() metodu şuanki HTML elemanının gizlenmesini sağlar.
$(“#test”).hide()
Buradaki JQuery hide() metodu id’si test olan (id=”test”) HTML elemanının gizlenmesini sağlar.
$(“p”).hide()
Tüm <p> taglarının gizlenir.
$(“.test”).hide()
class=”test” olan tüm HTML elemanları gizlenir.
Document Ready Function
Yukarıdaki gibi JQuery işlemleri sayfa yüklenmesi tamamlandıktan sonra yazılması gerekir. Aksi taktirde HTML nesneleri bulanamayacak ve Jquery aksiyonları gerçekleşemeyecektir.
$(document).ready(function(){
// jQuery fonksiyonları…
});