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

jQuery Selectors


jQuery vs JavaScript

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

Για περισσότερα από 10 χρόνια, το jQuery είναι η δημοφιλέστερη βιβλιοθήκη JavaScript στον κόσμο.

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


Εύρεση στοιχείου HTML με το Id

Επιστροφή του στοιχείου με id = “id01”:

jQuery

1
var myElement = $("#id01");

Δοκιμάστε τον εαυτό σας »

JavaScript

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

Δοκιμάστε τον εαυτό σας »


Εύρεση στοιχείων HTML κατά όνομα ετικέτας

Επιστροφή όλων των στοιχείων <p>:

jQuery

1
var myElements = $("p");

Δοκιμάστε τον εαυτό σας »

Παράδειγμα

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

Δοκιμάστε τον εαυτό σας »



Εύρεση στοιχείων HTML κατά όνομα κλάσης

Επιστρέψτε όλα τα στοιχεία με class = “intro”.

jQuery

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

Δοκιμάστε τον εαυτό σας »

JavaScript

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

Δοκιμάστε τον εαυτό σας »

Η εύρεση στοιχείων κατά όνομα κλάσης δεν λειτουργεί στον Internet Explorer 8 και παλαιότερες εκδόσεις.


Εύρεση στοιχείων HTML από τους επιλογείς CSS

Επιστρέψτε μια λίστα όλων των στοιχείων <p> με class = “intro”.

jQuery

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

Δοκιμάστε τον εαυτό σας »

JavaScript

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

Δοκιμάστε τον εαυτό σας »

Η μέθοδος querySelectorAll () δεν λειτουργεί στον Internet Explorer 8 και παλαιότερες εκδόσεις.


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

Κοινοποίηση

Share on facebook
Share on twitter

Ακολουθήστε μας

This website uses cookies to ensure you get the best experience on our website. By continuing to use this website, you agree to their use. To find out more, see here: Privacy Policy
Αρέσει σε %d bloggers: