JavaScript / jQuery DOM seçicileri

jQuery vs JavaScript

jQuery John Resig tarafından 2006 yılında yaratıldı. Tarayıcı uyumsuzluklarını işlemek ve HTML DOM operasyonlarını, olay işleme, animasyon ve Ajax'ı basitleştirmek amacıyla oluşturuldu.

On yıldan fazla süredir, jQuery dünyanın en popüler JavaScript kütüphanesidir.

Ancak, JavaScript Sürüm 5（2009）'den sonra, çoğu jQuery uygulamaları standart JavaScript ile birkaç satırda çözülebilir:

HTML öğelerini id ile bulma

id="intro" olan öğe döndürülür：

jQuery

var myElement = $("#id01");

Kişisel olarak deneyin

JavaScript

var myElement = document.getElementById("id01");

Kişisel olarak deneyin

HTML öğelerini etiket adı ile bulma

所有 <p> öğeleri döndürülür：

jQuery

var myElements = $("p");

Kişisel olarak deneyin

Örnek

var myElements = document.getElementsByTagName("p");

Kişisel olarak deneyin

HTML Öğelerini Sınıf İsmi ile Bulma

class="intro" olan tüm öğeleri döndürür.

jQuery

var myElements = $(".intro");

Kişisel olarak deneyin

JavaScript

var myElements = document.getElementsByClassName("intro");

Kişisel olarak deneyin

Internet Explorer 8 ve eski sürümlerde sınıflara göre arama çalışmaz.

HTML Öğelerini CSS Seçicisi ile Bulma

class="intro" olan tüm <p> öğelerinin listesini döndürür.

jQuery

var myElements = $("p.intro");

Kişisel olarak deneyin

JavaScript

var myElements = document.querySelectorAll("p.intro");

Kişisel olarak deneyin

querySelectorAll() Yöntemler Internet Explorer 8 ve eski sürümlerde çalışmaz.