JavaScript / jQuery DOM ਸੈਲੈਕਟਰ

jQuery vs 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");

آزمایش کنید

روش‌ها در اینترنت اکسپلورر 8 و نسخه‌های قدیمی‌تر کار نمی‌کند.

عناصر HTML را با انتخاب‌گر CSS پیدا کنید

لیستی از همه عناصر <p> با class="intro" را برمی‌گرداند.

jQuery

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

آزمایش کنید

JavaScript

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

آزمایش کنید

querySelectorAll() روش‌ها در اینترنت اکسپلورر 8 و نسخه‌های قدیمی‌تر کار نمی‌کند.