المحددات في jQuery

من موسوعة حسوب
< jQuery
مراجعة 13:49، 19 مارس 2019 بواسطة جميل-بيلوني (نقاش | مساهمات) (إنشاء الصفحة.)
(فرق) → مراجعة أقدم | المراجعة الحالية (فرق) | مراجعة أحدث ← (فرق)
اذهب إلى التنقل اذهب إلى البحث

توفر مكتبة jQuery مجموعة قوية من الأدوات لمطابقة العناصر وتحديدها في الصفحة، إذ استفادت المكتبة من CSS بجميع إصداراتها.

من أجل استعمال المحارف الخاصة (مثل !"#$%&'()*+,./:;<=>?@[\]^`{|}~) كجزء صرف من الاسم المراد تحديده، يجب أن تهرب تلك المحارف عبر \\. على سبيل المثال، إن كان اسم العنصر المراد تحديده هو id="foo.bar"، يمكنك تحديده عبر المُحدِّد $("#foo\\.bar"). تحوي مواصفات CSS القياسية (أي W3C CSS specification) مجموعة كاملة من القواعد المتعلقة بالمحددات الصالحة. هنالك أيضًا مقالة مفيدة لصاحبها Mathias Bynens تتحدث عن تهريب سلسلة من الحارف في CSS.

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

يُحدِّد جميع العناصر.

المحدد ‎:animated

يُحدِّد جميع العناصر قيد التحريك حاليًّا في وقت تشغيل المُحدِّد.

محدد الخاصيات ذات السابقة [name|="value"‎]

يُحدِّد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تساوي السلسلة النصيّة المُعطاة أو تبدأ بتلك السلسلة النصيّة متبوعةً بشرطة (-).

محدد الخاصيات التي فيها [name*="value"‎]

يُحدِّد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تحتوي على السلسلة النصيّة الفرعيّة المُعطاة.

محدد الخاصيات التي فيها كلمة [name~="value"‎]

يُحدِّد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تحتوي على الكلمة المُعطاة محدودةً بينها بمسافات فارغة.

محدد الخاصيات التي تنتهي بـ [name$="value"‎]

يُحدِّد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تنتهي بالضّبط بالسلسلة النصيّة المُعطاة.

محدد الخاصيات التي تساوي [name="value"‎]

يُحدِّد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تُساوي تمامًا قيمة مُعيَّنة.

محدد الخاصيات التي لا تساوي [name!="value"‎]

يُحدِّد العناصر التي إمّا لا تمتلك خاصيّة HTML المُحدَّدة أو تمتلكها ولكن قيمتها لا تُساوي القيمة المُعيَّنة.

محدد الخاصيات التي تبدأ بـ [name^="value"‎]

يُحدِّد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تبدأ بالضّبط بالسلسلة النصيّة المُعطاة.

المحدد ‎‎:button

يُحدِّد عناصر الأزرار <button> والعناصر التي من نوع button.

المحدد ‎:checkbox

يُحدِّد جميع العناصر ذات النوع مربّع تأشير (checkbox).

المحدد ‎:checked

يُستخدَم لمعرفة العناصر المُؤشَّرة (checked) أو المُحدَّدة (selected).

محدد العناصر الأبناء "parent > child"

يُحدِّد كافّة العناصر الأبناء المباشرة والتي هي أبناء العناصر المُحدَّدة بأب (parent).

محدد الأصناف "‎.class"

يُحدِّد كافّة العناصر التي تمتلك الصّنف المُعطَى.

المحدد ‎:contains()‎

يُحدِّد كافّة العناصر التي تحتوي على النص المطلوب.

محدد العناصر السليلة "ancestor descendant"

تحديد جميع العناصر التي تنتمي إلى سلف معين.

المحدد ‎:disabled

تحديد جميع العناصر المعطلة.

محدد العناصر "element"

يُحدد جميع العناصر التي تحمل اسم الوسم المُعطى.

المحدد ‎:empty

يُزيل هذا التابع كافة العُقَد السليلة لمجموعة العناصر المتطابقة من DOM.

المحدد ‎:enabled

يحدد كل العناصر المُفعَّلة (enabled).

المحدد ‎:eq()‎

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

المحدد ‎:even

يختار هذا المحدد العناصر الزوجية، وهو مُحدد صفري مفهرس. انظر أيضا المحدد ‎:odd.

المحدد ‎:file

يحدد كل حقول الإدخال من النوع file التي تسمح برفع الملفات.

المحدد ‎:first-child

يحدد كل العناصر التي تكون أول ابن للعنصر الأب الذي تتبع له.

المحدد ‎:first-of-type

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

المحدد ‎:first

يحدد أول عنصر DOM متطابق.

المحدد ‎:focus

يحدد العنصر إذا كان مُركّزًا عليه حاليًا.

المحدد ‎:gt()‎

يحدِّد كل العناصر التي لها فهرس (index) أكبر من المعامل index المعطى داخل المجموعة المطابقة.

محدد العناصر التي لها الخاصية [name]

يختار هذا المحدد العناصر التي تمتلك خاصية معينة مهما كانت قيمتها.

المحدد ‎‎:has()‎

يختار هذا المحدد العناصر التي تحتوي على عنصر واحد على الأقل والذي تطابق مع المُحدِّد المُمرَّر.

المحدد ‎:header

يختار هذا المحدد كل عناصر الترويسات مثل الترويسة h1 والترويسة h2 والترويسة h3 ...إلخ.

المحدد ‎:hidden

يختار هذا المحدد كل العناصر المخفية.

محدد المعرفات "‎#id"

يختار هذا المحدد العنصر الذي يمتلك المعرف id المعطى.

المحدد ‎:image

يختار هذا المحدد كل العناصر ذات النوع image.

المحدد ‎:input

يحدد هذا المحدد كل العناصر التي من النوع <input>، و <textarea>، و <select>، و <button>.

المحدد ‎:lang()‎

يحدِّد جميع العناصر التي تشترك بلغة معيَّنة.

المحدد ‎:last-child

يحدِّد جميع العناصر التي تُعدُّ الابن الأخير لآبائها.

المحدد ‎:last-of-type

يحدِّد جميع العناصر التي يُعدُّ كل واحد منها العنصر الأخير بين أخوته التي لها الاسم ذاته.

المحدد ‎:last

يحدِّد العنصر الأخير المتطابق.

المحدد ‎:lt()‎

يحدِّد جميع العناصر التي فهرسها أقل من القيمة index المعطاة في المجموعة المطابقة.

محدد أكثر من خاصية [name="value"][name2="value2"‎]

يحدِّد العناصر التي تطابق جميع مرشِّحات خاصِّيَّة معينة.

محدد أكثر من عنصر "selector1, selector2, selectorN"

يحدِّد نتائج جميع المحددات المعطاة.

محدد العناصر الأخوة المتجاورة "prev + next"

يحدِّد جميع العناصر التالية التي تطابق "next"، ويسبقها العناصر الأخوة "prev" مباشرةً.

محدد العناصر الأخوة "prev ~ siblings"

يحدِّد جميع العناصر الأخوة التي يسبقها العنصر "prev"، وتشترك معه بالعنصر الأب نفسه، وتطابق محدِّد الترشيح "siblings".

المحدد ‎:not()‎

يحدِّد جميع العناصر التي لا تطابق المحدِّد المعطى.

المحدد ‎:nth-child()‎

يحدِّد عناصرًا ذات موقع محدَّد ضمن مجموعة من العناصر الأخوة (أي جميعها أبناء لعناصر أخرى).

المحدد ‎:nth-last-child()‎

يحدِّد عناصرًا ذات موقع محدَّد ضمن مجموعة من العناصر الأخوة (أي جميعها أبناء لعناصر أخرى) وذلك بدءًا من نهاية المجموعة وحتى بدايتها.

المحدد ‎:nth-last-of-type()‎

يحدِّد عناصرًا ذات موقع محدَّد ضمن مجموعة من العناصر الأخوة (أي جميعها أبناء لعناصر أخرى) التي لها اسم العنصر ذاته وذلك بدءًا من نهاية المجموعة وحتى بدايتها.

المحدد ‎:nth-of-type()‎

يحدِّد عناصر ذات موقع محدد ضمن مجموعة من العناصر الأخوة (أي جميعها أبناء لعناصر أخرى) التي لها اسم العنصر ذاته.

المحدد ‎:odd

يحدِّد جميع العناصر التي قيمة فهرسها فرديَّة، إذ تستعمل فهرسًا صفريًّا (zero-indexed). انظر أيضًا المحدِّد ‎:even.

المحدد ‎:only-child

يحدِّد جميع العناصر التي تكون ابنًا وحيدًا للعنصر الأب (أي العنصر الذي ليس لديه أية عناصر إخوة).

المحدد ‎:only-of-type

يحدِّد جميع العناصر التي تكون ابنًا وحيدًا للعنصر الأب (أي العنصر الذي ليس لديه أية عناصر إخوة) وتملك اسم ذلك العنصر نفسه.

المحدد ‎:parent

يختار هذا المحدِّد جميع العناصر التي لها ابن واحد على الأقل (بما في ذلك العقد النصية).

المحدد ‎:password

يحدِّد جميع عناصر الإدخال ذات النوع "password".

المحدد ‎:radio

يحدِّد جميع عناصر الإدخال <input> ذات النوع radio.

المحدد ‎:reset

يحدِّد جميع عناصر الإدخال <input> ذات النوع reset.

المحدد ‎:root

يحدِّد العنصر الجذر في شجرة المستند.

المحدد ‎:selected

يحدِّد جميع العناصر المُحدَّدة.

المحدد ‎:submit

يحدِّد جميع عناصر الإدخال <input> ذات النوع "submit".

المحدد ‎:target

يحدِّد عنصرًا فريدًا يُطابِق مُعرِّفه id معرِّف قطعةٍ من رابط URL للصفحة.

المحدد ‎:text

يحدِّد جميع عناصر الإدخال <input> ذات النوع "text".

المحدد ‎:visible

تحديد كل العناصر المرئية.