محدد أكثر من عنصر ‎‎‎("selector1, selector2, selectorN")‎ في jQuery

من موسوعة حسوب
اذهب إلى: تصفح، ابحث

محدد أكثر من عنصر multiple selector

الوصف

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

jQuery( "selector1, selector2, selectorN" )‎

أُضيف مع الإصدار: 1.0.

selector1

أي محدَّد صحيح.

selector2

محدِّد آخر صحيح.

selectorN

محدِّد آخر صحيح، ويمكن استعمال عددٍ غير محدود من المحدِّدات بحسب الحاجة.

يمكنك جمع ناتج أي عددٍ من المحددات في نتيجة واحدة، فمحدد التعبير المتعدد (multiple expression combinator) هذا هو طريقة فعالة لاختيار عناصر مختلفة. ترتيب عناصر DOM ضمن كائن jQuery المعاد قد يختلف عن ترتيبها ضمن الصفحة. هنالك تابع بديل لهذا المحدد وهو ‎.add()‎.

أمثلة

إيجاد العناصر التي تطابق أيًّا من المحددات الثلاثة التالية:
<!doctype html>
<html lang="ar">
<head>
  <meta charset="utf-8">
  <title>multiple مثال عن المحدد المتعدد</title>
  <style>
  div, span, p {
    width: 126px;
    height: 60px;
    float: left;
    padding: 3px;
    margin: 2px;
    background-color: #eee;
    font-size: 14px;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<div>عنصر div</div>
<p class="myClass">هذه الفقرة من الصنف class="myClass"</p>
<p class="notMyClass">هذه الفقرة من الصنف class="notMyClass"</p>
<span>عنصر span</span>
 
<script>
$( "div, span, p.myClass" ).css( "border", "3px solid red" );
</script>
 
</body>
</html>

مصادر