عرض مصدر jQuery/Selectors

<noinclude>{{DISPLAYTITLE:المحددات في jQuery}}</noinclude>
توفر مكتبة jQuery مجموعة قوية من الأدوات لمطابقة العناصر وتحديدها في الصفحة، إذ استفادت المكتبة من CSS بجميع إصداراتها.

من أجل استعمال المحارف الخاصة (مثل <code>!"#$%&'()*+,./:;<=>?@[\]^`{|}~</code>) كجزء صرف من الاسم المراد تحديده، يجب أن تهرب تلك المحارف عبر \\. على سبيل المثال، إن كان اسم العنصر المراد تحديده هو id="foo.bar"، يمكنك تحديده عبر المُحدِّد $("#foo\\.bar"). تحوي مواصفات CSS القياسية (أي W3C CSS specification) [https://www.w3.org/TR/CSS21/syndata.html#value-def-identifier مجموعة كاملة من القواعد المتعلقة بالمحددات الصالحة]. هنالك أيضًا مقالة مفيدة لصاحبها Mathias Bynens تتحدث عن [https://mathiasbynens.be/notes/css-escapes تهريب سلسلة من الحارف في CSS].
===[[jQuery/all selector|محدد جميع العناصر]]===
يُحدِّد جميع العناصر.
===[[jQuery/animated selector|المحدد <code rel="mw:WikiLink" title="jQuery/animated selector" href="jQuery/animated_selector">‎:animated</code>]]===
يُحدِّد جميع العناصر قيد التحريك حاليًّا في وقت تشغيل المُحدِّد.
===[[jQuery/attribute contains prefix selector|محدد الخاصيات ذات السابقة <code rel="mw:WikiLink" title="jQuery/attribute contains prefix selector" href="jQuery/attribute_contains_prefix_selector">[name|="value"‎]</code>]]===
يُحدِّد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تساوي السلسلة النصيّة المُعطاة أو تبدأ بتلك السلسلة النصيّة متبوعةً بشرطة (<code>-</code>).
===[[jQuery/attribute contains selector|محدد الخاصيات التي فيها <code rel="mw:WikiLink" title="jQuery/attribute contains selector" href="jQuery/attribute_contains_selector">[name*="value"‎]</code>]]===
يُحدِّد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تحتوي على السلسلة النصيّة الفرعيّة المُعطاة.
===[[jQuery/attribute contains word selector|محدد الخاصيات التي فيها كلمة <code rel="mw:WikiLink" title="jQuery/attribute contains word selector" href="jQuery/attribute_contains_word_selector">[name~="value"‎]</code>]]===
يُحدِّد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تحتوي على الكلمة المُعطاة محدودةً بينها بمسافات فارغة.
===[[jQuery/attribute ends with selector|محدد الخاصيات التي تنتهي بـ <code rel="mw:WikiLink" title="jQuery/attribute ends with selector" href="jQuery/attribute_ends_with_selector">[name$="value"‎]</code>]]===
يُحدِّد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تنتهي بالضّبط بالسلسلة النصيّة المُعطاة.
===[[jQuery/attribute equals selector|محدد الخاصيات التي تساوي <code rel="mw:WikiLink" title="jQuery/attribute equals selector" href="jQuery/attribute_equals_selector">[name="value"‎]</code>]]===
يُحدِّد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تُساوي تمامًا قيمة مُعيَّنة.
===[[jQuery/attribute not equal selector|محدد الخاصيات التي لا تساوي <code rel="mw:WikiLink" title="jQuery/attribute not equal selector" href="jQuery/attribute_not_equal_selector">[name!="value"‎]</code>]]===
يُحدِّد العناصر التي إمّا لا تمتلك خاصيّة HTML المُحدَّدة أو تمتلكها ولكن قيمتها لا تُساوي القيمة المُعيَّنة.
===[[jQuery/attribute starts with selector|محدد الخاصيات التي تبدأ بـ <code rel="mw:WikiLink" title="jQuery/attribute starts with selector" href="jQuery/attribute_starts_with_selector">[name^="value"‎]</code>]]===
يُحدِّد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تبدأ بالضّبط بالسلسلة النصيّة المُعطاة.
===[[jQuery/button selector|المحدد ‎‎<code rel="mw:WikiLink" title="jQuery/button selector" href="jQuery/button_selector">:button</code>]]===
يُحدِّد عناصر الأزرار <code>[[HTML/button|<button>]]</code> والعناصر التي من نوع <code>button</code>.
===[[jQuery/checkbox selector|المحدد <code rel="mw:WikiLink" title="jQuery/checkbox selector" href="jQuery/checkbox_selector">‎:checkbox</code>]]===
يُحدِّد جميع العناصر ذات النوع مربّع تأشير (checkbox).
===[[jQuery/checked selector|المحدد <code rel="mw:WikiLink" title="jQuery/checked selector" href="jQuery/checked_selector">‎:checked</code>]]===
يُستخدَم لمعرفة العناصر المُؤشَّرة (checked) أو المُحدَّدة (selected).
===[[jQuery/child selector|محدد العناصر الأبناء <code rel="mw:WikiLink" title="jQuery/child selector" href="jQuery/child_selector">"parent > child"</code>]]===
يُحدِّد كافّة العناصر الأبناء المباشرة والتي هي أبناء العناصر المُحدَّدة بأب (parent).
===[[jQuery/class selector|محدد الأصناف <code rel="mw:WikiLink" title="jQuery/class selector" href="jQuery/class_selector">"‎.class"</code>]]===
يُحدِّد كافّة العناصر التي تمتلك الصّنف المُعطَى.
===[[jQuery/contains selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/contains selector" href="jQuery/contains_selector">:contains()‎</code>]]===
يُحدِّد كافّة العناصر التي تحتوي على النص المطلوب.
===[[jQuery/descendant selector|محدد العناصر السليلة <code rel="mw:WikiLink" title="jQuery/descendant selector" href="jQuery/descendant_selector">"ancestor descendant"</code>]]===
تحديد جميع العناصر التي تنتمي إلى سلف معين.
===[[jQuery/disabled selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/disabled selector" href="jQuery/disabled_selector">:disabled</code>]]===
تحديد جميع العناصر المعطلة.
===[[jQuery/element selector|محدد العناصر <code rel="mw:WikiLink" title="jQuery/element selector" href="jQuery/element_selector">"element"</code>]]===
يُحدد جميع العناصر التي تحمل اسم الوسم المُعطى.
===[[jQuery/empty selector|المحدد <code rel="mw:WikiLink" title="jQuery/empty selector" href="jQuery/empty_selector">‎:empty</code>]]===
يُزيل هذا التابع كافة العُقَد السليلة لمجموعة العناصر المتطابقة من DOM.
===[[jQuery/enabled selector|المحدد <code rel="mw:WikiLink" title="jQuery/enabled selector" href="jQuery/enabled_selector">‎:enabled</code>]]===
يحدد كل العناصر المُفعَّلة (enabled).
===[[jQuery/eq selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/eq selector" href="jQuery/eq_selector">:eq()‎</code>]]===
يُحدد العنصر الموجود في الفهرس <code>n</code> داخل المجموعة المتطابقة.
===[[jQuery/even selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/even selector" href="jQuery/even_selector">:even</code>]]===
يختار هذا المحدد العناصر الزوجية، وهو مُحدد صفري مفهرس. انظر أيضا المحدد <code>‎:odd</code>.
===[[jQuery/file selector|المحدد <code rel="mw:WikiLink" title="jQuery/file selector" href="jQuery/file_selector">‎:file</code>]]===
يحدد كل حقول الإدخال من النوع file التي تسمح برفع الملفات.
===[[jQuery/first child selector|المحدد <code rel="mw:WikiLink" title="jQuery/first child selector" href="jQuery/first_child_selector">‎:first-child</code>]]===
يحدد كل العناصر التي تكون أول ابن للعنصر الأب الذي تتبع له.
===[[jQuery/first of type selector|المحدد <code rel="mw:WikiLink" title="jQuery/first of type selector" href="jQuery/first_of_type_selector">‎:first-of-type</code>]]===
يحدد كل العناصر التي تكون الأولى بين العناصر الأخوة المجاورة لها ولها نفس اسم العنصر.
===[[jQuery/first selector|المحدد <code rel="mw:WikiLink" title="jQuery/first selector" href="jQuery/first_selector">‎:first</code>]]===
يحدد أول عنصر DOM متطابق.
===[[jQuery/focus selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/focus selector" href="jQuery/focus_selector">:focus</code>]]===
يحدد العنصر إذا كان مُركّزًا عليه حاليًا.
===[[jQuery/gt selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/gt selector" href="jQuery/gt_selector">:gt()‎</code>]]===
يحدِّد كل العناصر التي لها فهرس (index) أكبر من المعامل index المعطى داخل المجموعة المطابقة.
===[[jQuery/has attribute selector|محدد العناصر التي لها الخاصية <code rel="mw:WikiLink" title="jQuery/has attribute selector" href="jQuery/has_attribute_selector">[name]</code>]]===
يختار هذا المحدد العناصر التي تمتلك خاصية معينة مهما كانت قيمتها.
===المحدد <code>[[jQuery/has selector|‎‎:has()‎]]</code>===
يختار هذا المحدد العناصر التي تحتوي على عنصر واحد على الأقل والذي تطابق مع المُحدِّد المُمرَّر.
===[[jQuery/header selector|المحدد <code rel="mw:WikiLink" title="jQuery/header selector" href="jQuery/header_selector">‎:header</code>]]===
يختار هذا المحدد كل عناصر الترويسات مثل الترويسة h1 والترويسة h2 والترويسة h3 ...إلخ.
===[[jQuery/hidden selector|المحدد <code rel="mw:WikiLink" title="jQuery/hidden selector" href="jQuery/hidden_selector">‎:hidden</code>]]===
يختار هذا المحدد كل العناصر المخفية.
===[[jQuery/id selector|محدد المعرفات <code rel="mw:WikiLink" title="jQuery/id selector" href="jQuery/id_selector">"‎#id"</code>]]===
يختار هذا المحدد العنصر الذي يمتلك المعرف id المعطى.
===[[jQuery/image selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/image selector" href="jQuery/image_selector">:image</code>]]===
يختار هذا المحدد كل العناصر ذات النوع image.
===[[jQuery/input selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/input selector" href="jQuery/input_selector">:input</code>]]===
يحدد هذا المحدد كل العناصر التي من النوع <code>[[HTML/input|<input>]]</code>، و <code>[[HTML/textarea|<textarea>]]</code>، و <code>[[HTML/select|<select>]]</code>، و <code>[[HTML/button|<button>]]</code>.
===[[jQuery/lang selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/lang selector" href="jQuery/lang_selector">:lang()‎</code>]]===
يحدِّد جميع العناصر التي تشترك بلغة معيَّنة.
===[[jQuery/last child selector|المحدد <code rel="mw:WikiLink" title="jQuery/first child selector" href="jQuery/first_child_selector">‎:last-child</code>]]===
يحدِّد جميع العناصر التي تُعدُّ الابن الأخير لآبائها.
===[[jQuery/last of type selector|المحدد <code rel="mw:WikiLink" title="jQuery/first of type selector" href="jQuery/first_of_type_selector">‎:last-of-type</code>]]===
يحدِّد جميع العناصر التي يُعدُّ كل واحد منها العنصر الأخير بين أخوته التي لها الاسم ذاته.
===[[jQuery/last selector|المحدد <code rel="mw:WikiLink" title="jQuery/first selector" href="jQuery/first_selector">‎:last</code>]]===
يحدِّد العنصر الأخير المتطابق.
===[[jQuery/lt selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/lt selector" href="jQuery/lt_selector">:lt()‎</code>]]===
يحدِّد جميع العناصر التي فهرسها أقل من القيمة index المعطاة في المجموعة المطابقة.
===[[jQuery/multiple attribute selector|محدد أكثر من خاصية <code rel="mw:WikiLink" title="jQuery/multiple attribute selector" href="jQuery/multiple_attribute_selector">[name="value"][name2="value2"‎]</code>]]===
يحدِّد العناصر التي تطابق جميع مرشِّحات خاصِّيَّة معينة.
===[[jQuery/multiple selector|محدد أكثر من عنصر <code rel="mw:WikiLink" title="jQuery/multiple selector" href="jQuery/multiple_selector">"selector1, selector2, selectorN"</code>]]===
يحدِّد نتائج جميع المحددات المعطاة.
===[[jQuery/next adjacent selector|محدد العناصر الأخوة المتجاورة <code rel="mw:WikiLink" title="jQuery/next adjacent selector" href="jQuery/next_adjacent_selector">"prev + next"</code>]]===
يحدِّد جميع العناصر التالية التي تطابق "next"، ويسبقها العناصر الأخوة "prev" مباشرةً.
===[[jQuery/next siblings selector|محدد العناصر الأخوة <code rel="mw:WikiLink" title="jQuery/next siblings selector" href="jQuery/next_siblings_selector">"prev ~ siblings"</code>]]===
يحدِّد جميع العناصر الأخوة التي يسبقها العنصر "prev"، وتشترك معه بالعنصر الأب نفسه، وتطابق محدِّد الترشيح "siblings".
===[[jQuery/not selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/not selector" href="jQuery/not_selector">:not()‎</code>]]===
يحدِّد جميع العناصر التي لا تطابق المحدِّد المعطى.
===[[jQuery/nth child selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/nth child selector" href="jQuery/nth_child_selector">:nth-child()‎</code>]]===
يحدِّد عناصرًا ذات موقع محدَّد ضمن مجموعة من العناصر الأخوة (أي جميعها أبناء لعناصر أخرى).
===[[jQuery/nth last child selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/nth last child selector" href="jQuery/nth_last_child_selector">:nth-last-child()‎</code>]]===
يحدِّد عناصرًا ذات موقع محدَّد ضمن مجموعة من العناصر الأخوة (أي جميعها أبناء لعناصر أخرى) وذلك بدءًا من نهاية المجموعة وحتى بدايتها.
===[[jQuery/nth last of type selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/nth last of type selector" href="jQuery/nth_last_of_type_selector">:nth-last-of-type()‎</code>]]===
يحدِّد عناصرًا ذات موقع محدَّد ضمن مجموعة من العناصر الأخوة (أي جميعها أبناء لعناصر أخرى) التي لها اسم العنصر ذاته وذلك بدءًا من نهاية المجموعة وحتى بدايتها.
===[[jQuery/nth of type selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/nth of type selector" href="jQuery/nth_of_type_selector">:nth-of-type()‎</code>]]===
يحدِّد عناصر ذات موقع محدد ضمن مجموعة من العناصر الأخوة (أي جميعها أبناء لعناصر أخرى) التي لها اسم العنصر ذاته.
===[[jQuery/odd selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/odd selector" href="jQuery/odd_selector">:odd</code>]]===
يحدِّد جميع العناصر التي قيمة فهرسها فرديَّة، إذ تستعمل فهرسًا صفريًّا (zero-indexed). انظر أيضًا المحدِّد ‎:even.
===[[jQuery/only child selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/only child selector" href="jQuery/only_child_selector">:only-child</code>]]===
يحدِّد جميع العناصر التي تكون ابنًا وحيدًا للعنصر الأب (أي العنصر الذي ليس لديه أية عناصر إخوة).
===[[jQuery/only of type selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/only of type selector" href="jQuery/only_of_type_selector">:only-of-type</code>]]===
يحدِّد جميع العناصر التي تكون ابنًا وحيدًا للعنصر الأب (أي العنصر الذي ليس لديه أية عناصر إخوة) وتملك اسم  ذلك العنصر نفسه.
===[[jQuery/parent selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/parent selector" href="jQuery/parent_selector">:parent</code>]]===
يختار هذا المحدِّد جميع العناصر التي لها ابن واحد على الأقل (بما في ذلك العقد النصية).
===[[jQuery/password selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/password selector" href="jQuery/password_selector">:password</code>]]===
يحدِّد جميع عناصر الإدخال ذات النوع "password".
===[[jQuery/radio selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/radio selector" href="jQuery/radio_selector">:radio</code>]]===
يحدِّد جميع عناصر الإدخال <code>[[HTML/input|<input>]]</code> ذات النوع radio.
===[[jQuery/reset selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/reset selector" href="jQuery/reset_selector">:reset</code>]]===
يحدِّد جميع عناصر الإدخال <code>[[HTML/input|<input>]]</code> ذات النوع reset.
===[[jQuery/root selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/root selector" href="jQuery/root_selector">:root</code>]]===
يحدِّد العنصر الجذر في شجرة المستند.
===[[jQuery/selected selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/selected selector" href="jQuery/selected_selector">:selected</code>]]===
يحدِّد جميع العناصر المُحدَّدة.
===[[jQuery/submit selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/submit selector" href="jQuery/submit_selector">:submit</code>]]===
يحدِّد جميع عناصر الإدخال <code>[[HTML/input|<input>]]</code> ذات النوع "submit".
===[[jQuery/target selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/target selector" href="jQuery/target_selector">:target</code>]]===
يحدِّد عنصرًا فريدًا يُطابِق مُعرِّفه id معرِّف قطعةٍ من رابط URL للصفحة.
===[[jQuery/text selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/text selector" href="jQuery/text_selector">:text</code>]]===
يحدِّد جميع عناصر الإدخال <code>[[HTML/input|<input>]]</code> ذات النوع "text".
===[[jQuery/visible selector|المحدد ‎<code rel="mw:WikiLink" title="jQuery/visible selector" href="jQuery/visible_selector">:visible</code>]]===
تحديد كل العناصر المرئية.
[[تصنيف:jQuery]]
[[تصنيف:jQuery Selectors]]