الفرق بين المراجعتين ل"jQuery/multiple selector"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
(إضافة محتويات الصفحة.)
 
 
سطر 56: سطر 56:
  
 
== مصادر ==
 
== مصادر ==
* [http://api.jquery.com/multiple-selector/ صفحة المحدِّد multiple في توثيق jQuery الرسمي.]
+
* [http://api.jquery.com/multiple-selector/ صفحة المحدِّد multiple في توثيق jQuery الرسمي.]
 
[[تصنيف:jQuery]]
 
[[تصنيف:jQuery]]
 
[[تصنيف:jQuery Selectors]]
 
[[تصنيف:jQuery Selectors]]

المراجعة الحالية بتاريخ 07:56، 6 يونيو 2018

محدد أكثر من عنصر 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>

مصادر