English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

مساعد jQuery :first

مصفوفات jQuer

:first مساعد اختار أول عنصر تطابق في DOM.

عادةً ما يستخدم مع مساعد آخر لاختيار أول عنصر في مجموعة (مثل المثال أدناه).

ملاحظة: المساعدات first يمكن أن تختار عنصرًا واحدًا فقط.

استخدام:first-childالمساعدات تختار أول ابن عنصر الأب.

النحو:

$(":first")

مثال

اختر المقطع الأول

$(document).ready(function(){
  $("p:first").css("background", "coral");
});
اختبار لرؤية‹/›

اختر العنصر الأول من القائمة

$(document).ready(function(){
  $("li:first").css("background", "coral");
});
اختبار لرؤية‹/›

اختر السطر الأول

$(document).ready(function(){
  $("tr:first").css("background", "coral");
});
اختبار لرؤية‹/›

الفرق بين مصفوفة :first و :first-child

$(document).ready(function(){
  $("#btn1").click(function(){
    $("p:first").css("background-color", "coral");
  });
  $("#btn2").click(function(){
    $("p:first-child").css("background-color", "lightgreen");
  });
});
اختبار لرؤية‹/›

مصفوفات jQuer