JavaScript / jQuery Επιλογείς DOM

jQuery έναντι JavaScript

Το jQuery δημιουργήθηκε από τον John Resig το 2006. Σκοπός του είναι να χειρίζεται τις μη εξυπηρετούμενες λειτουργίες των περιηγητών και να διευκολύνει τις πράξεις στο HTML DOM, την επεξεργασία εκδηλώσεων, τις αнимάσεις και το Ajax.

Για πάνω από μια δεκαετία, το jQuery είναι η πιο δημοφιλής βιβλιοθήκη JavaScript στον κόσμο.

Ωστόσο, μετά από την έκδοση JavaScript Version 5 (2009), οι περισσότερες λειτουργίες του jQuery μπορούν να λυθούν με μερικές γραμμές κειμένου JavaScript που ακολουθούν τα πρότυπα:

Αναζήτηση HTML στοιχείων μέσω του id

Επιστρέφει το στοιχείο με id="intro":

jQuery

var myElement = $("#id01");

亲自试一试

JavaScript

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

亲自试一试

Αναζήτηση HTML στοιχείων μέσω του ονόματος ετικέτας

Επιστρέφει όλα τα στοιχεία <p>:

jQuery

var myElements = $("p");

亲自试一试

实例

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

亲自试一试

通过类名来查找 HTML 元素

返回 class="intro" 的所有元素。

jQuery

var myElements = $(".intro");

亲自试一试

JavaScript

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

亲自试一试

按类名查找元素在 Internet Explorer 8 和早期版本中不起作用。

通过 CSS 选择器查找 HTML 元素

返回包含 class="intro" 的所有

元素的列表。

jQuery

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

亲自试一试

JavaScript

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

亲自试一试

querySelectorAll() 方法在 Internet Explorer 8 和早期版本中不起作用。