مصفوفات جافا سكريبت

أفكار jQuery الأساسية هي "اختيار بعض العناصر وتعامل معها".

يسمح لك محددي jQuery بـ"البحث" (أو الاختيار) عن العناصر HTML في الصفحة.

يدعم jQuery معظممحددي CSS3، وبعض المحدديين غير المعياريين.

جميع محددي jQuery تبدأ برمز الدولار والقوسين: $().

محددي العناصر

يمكن استخدام محددي jQuery لاختيار العناصر بناءً على اسم العنصر.

يمكنك اختيار جميع<p>، مثلما هو موضح أدناه:

$("p")

عند ضغط المستخدم على الزر، سيقوم الكود jQuery التالي باختيار وتلوين جميع العناصر من نوع<p>العنصر:

$(document).ready(function(){
　　$("button").click(function(){
　　　　$("p").css("background-color", "yellow");
　　});
});

محددي #id

jQuery #idيستخدم محددي id علامة HTML:محددي idللعثور على عنصر معين.

يجب أن يكون معرف العنصر في الصفحة فريدًا، لذا يستخدم محددي المعرف لاختيار عنصر فريد.

للعثور على عنصر يحتوي على معرف معينة، اكتب رمز الـ#، ثم معرف العنصر HTML:

$("#demo")

عند ضغط المستخدم على الزر، سيقوم الكود jQuery التالي باختيار وتلوين العنصر الذي يحتوي على id="demo":

$(document).ready(function(){
　　$("button").click(function(){
　　　　$("#demo").css("background-color", "yellow");
　　});
});

محددي .class

jQuery .classمحددي للعثور على العناصر التي تحتوي على اسم فئة معينة.

للعثور على عنصر يحتوي على فئة معينة، اكتب رمز النقطة (.)، ثم اسم الفئة:

$(".demo")

عند ضغط المستخدم على الزر، سيقوم الكود jQuery التالي باختيار وتلوين جميع العناصر التي تحتوي على class="demo":

$(document).ready(function(){
　　$("button").click(function(){
　　　　$(".demo").css("background-color", "yellow");
　　});
});

المحددي المتعدد

يمكنك اختيار عدة محددين حسب الحاجة. فقط قم بفصل المحددين بفاصلة.

اختيار محددي متعدد يجمع بين نتائج جميع المحددين المحددة:

$("selector1, selector2, selectorN")

كود jQuery التالي سيقوم باختيار كل<h2>،<div>و<span>العنصر:

$(document).ready(function(){
　　$("h2, div, span").css("background-color", "lightgreen");
});

هذا مفيد عندما تريد تنفيذ نفس الإجراء على مختلف المحددين.

مثال على محددي jQuery

jQuery يقدم عدة طرق لاختيار العناصر HTML المحددة.

مرجع مصفوفات جافا سكريبت

للحصول على مرجع كامل للمصفوفات، يرجى زيارةمرجع مصفوفات جافا سكريبت.