محددات DOM جافا سكربت / jQuery

jQuery vs JavaScript

تم إنشاء jQuery بواسطة John Resig في عام 2006. إنه مصمم لمعالجة عدم التوافق في المتصفحات وتسهيل عمليات التلاعب 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 وأقدم.