الفرق بين المراجعتين لصفحة: «jQuery/all selector»

من موسوعة حسوب
التعديل اللاحق ←
مرئينص الويكي
أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE:محدد جميع العناصر في jQuery}}</noinclude>'
 
لا ملخص تعديل
سطر 1: سطر 1:
<noinclude>{{DISPLAYTITLE:محدد جميع العناصر في jQuery}}</noinclude>
<noinclude>{{DISPLAYTITLE:محدد جميع العناصر في jQuery}}</noinclude>
== محدد جميع العناصر ==
=== الوصف ===
يُحدِّد التّابع <code>‎jQuery( "*" )‎</code> جميع العناصر.
=== <code>‎jQuery( "*" )‎</code> ===
أضيفت في الإصدار: 1.0,
'''تحذير:''' يكون مُحدِّد جميع العناصر بطيئًا للغاية، عدا عند استخدامه لوحده.
=== أمثلة ===
العثور على كافة العناصر (بما في ذلك عنصر الترويسة وجسم الصفحة..إلخ) في المستند.
لاحظ أنّه في حال وجود إضافة مُفعَّلة بالمتصفّح والتي تُدخِل العنصر <code>[[HTML/script|<script>]]</code> أو <code>[[HTML/link|<link>]]</code> إلى DOM، فسيُحتسَب هذا العنصر أيضًا:<syntaxhighlight lang="html">
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>مثال مُحدِّد جميع العناصر</title>
  <style>
  h3 {
    margin: 0;
  }
  div, span, p {
    width: 80px;
    height: 40px;
    float: left;
    padding: 10px;
    margin: 10px;
    background-color: #EEEEEE;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div>DIV عنصر</div>
<span>SPAN عنصر</span>
<p>فقرة <button>زر</button></p>
<script>
var elementCount = $( "*" ).css( "border", "3px solid red" ).length;
$( "body" ).prepend( "<h3>عناصر" + elementCount + " توجد</h3>" );
</script>
</body>
</html>
</syntaxhighlight>العثور على كافة العناصر الموجودة ضمن <code>document.body</code>، لذا تُستَثنى هنا عناصر مثل <code>[[HTML/head|<head>]]</code> و <code>[[HTML/script|<script>]]</code>..إلخ.<syntaxhighlight lang="html">
html lang="en">
<head>
  <meta charset="utf-8">
  <title>مثال مُحدِّد جميع العناصر</title>
  <style>
  h3 {
    margin: 0;
  }
  div, span, p {
    width: 80px;
    height: 40px;
    float: left;
    padding: 10px;
    margin: 10px;
    background-color: #EEEEEE;
  }
  #test {
    width: auto;
    height: auto;
    background-color: transparent;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div id="test">
  <div>DIV عنصر</div>
  <span>SPAN عنصر</span>
  <p>فقرة <button>زر</button></p>
</div>
<script>
var elementCount = $( "#test" ).find( "*" ).css( "border", "3px solid red" ).length;
$( "body" ).prepend( "<h3>عناصر" + elementCount + " توجد</h3>" );
</script>
</body>
</html>
</syntaxhighlight>

مراجعة 10:04، 10 مايو 2018


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

الوصف

يُحدِّد التّابع ‎jQuery( "*" )‎ جميع العناصر.

‎jQuery( "*" )‎

أضيفت في الإصدار: 1.0,

تحذير: يكون مُحدِّد جميع العناصر بطيئًا للغاية، عدا عند استخدامه لوحده.

أمثلة

العثور على كافة العناصر (بما في ذلك عنصر الترويسة وجسم الصفحة..إلخ) في المستند.

لاحظ أنّه في حال وجود إضافة مُفعَّلة بالمتصفّح والتي تُدخِل العنصر <script> أو <link> إلى DOM، فسيُحتسَب هذا العنصر أيضًا:

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>مثال مُحدِّد جميع العناصر</title>
  <style>
  h3 {
    margin: 0;
  }
  div, span, p {
    width: 80px;
    height: 40px;
    float: left;
    padding: 10px;
    margin: 10px;
    background-color: #EEEEEE;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<div>DIV عنصر</div>
<span>SPAN عنصر</span>
<p>فقرة <button>زر</button></p>
 
<script>
var elementCount = $( "*" ).css( "border", "3px solid red" ).length;
$( "body" ).prepend( "<h3>عناصر" + elementCount + " توجد</h3>" );
</script>
 
</body>
</html>

العثور على كافة العناصر الموجودة ضمن document.body، لذا تُستَثنى هنا عناصر مثل <head> و <script>..إلخ.

html lang="en">
<head>
  <meta charset="utf-8">
  <title>مثال مُحدِّد جميع العناصر</title>
  <style>
  h3 {
    margin: 0;
  }
  div, span, p {
    width: 80px;
    height: 40px;
    float: left;
    padding: 10px;
    margin: 10px;
    background-color: #EEEEEE;
  }
  #test {
    width: auto;
    height: auto;
    background-color: transparent;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<div id="test">
  <div>DIV عنصر</div>
  <span>SPAN عنصر</span>
  <p>فقرة <button>زر</button></p>
</div>
 
<script>
var elementCount = $( "#test" ).find( "*" ).css( "border", "3px solid red" ).length;
$( "body" ).prepend( "<h3>عناصر" + elementCount + " توجد</h3>" );
</script>
 
</body>
</html>
مجلوبة من «https://wiki.hsoub.com/index.php?title=jQuery/all_selector&oldid=7841»