जावास्क्रिप्ट / जकीयूआरी DOM चयनक

jQuery vs JavaScript

jQuery John Resig द्वारा 2006 में बनाया गया था। इसका उद्देश्य ब्राउज़र असंगतियों को सुलझाना और HTML DOM ऑपरेशन, इवेंट हैंडलिंग, एनिमेशन और AJAX को सरल बनाना है。

दस वर्षों से, jQuery दुनिया में सबसे लोकप्रिय JavaScript लाइब्रेरी रही है。

लेकिन, JavaScript Version 5 (2009) के बाद से, अधिकांश jQuery उपयोगिताएँ कुछ पाठ द्वारा मानक JavaScript से सुलझ सकती हैं:

HTML एलीमेंट्स को id से खोजें

id="intro" के एलीमेंट वापस करेंगे:

जक्वेरी

var myElement = $("#id01");

स्वयं प्रयास करें

जावास्क्रिप्ट

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

स्वयं प्रयास करें

HTML एलीमेंट्स को टैग नाम से खोजें

सभी <p> एलीमेंट्स वापस करेंगे:

जक्वेरी

var myElements = $("p");

स्वयं प्रयास करें

इंस्टांस

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

स्वयं प्रयास करें

वर्ग नाम के द्वारा एचटीएमएल एलिमेंट खोजें

class="intro" वाले सभी एलिमेंटों को वापस करता है。

जक्वेरी

var myElements = $(".intro");

स्वयं प्रयास करें

जावास्क्रिप्ट

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

स्वयं प्रयास करें

वर्ग नाम के द्वारा एलिमेंट खोजना इंटरनेट एक्सप्लोरर 8 और प्रारंभिक संस्करणों में काम नहीं करता है。

CSS चयनकर्ता के द्वारा एचटीएमएल एलिमेंट खोजें

class="intro" वाले सभी <p> एलिमेंटों की सूची वापस करता है。

जक्वेरी

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

स्वयं प्रयास करें

जावास्क्रिप्ट

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

स्वयं प्रयास करें

querySelectorAll() विधियाँ इंटरनेट एक्सप्लोरर 8 और प्रारंभिक संस्करणों में काम नहीं करती हैं。