الفرق بين المراجعتين لصفحة: «jQuery/all selector»
< jQuery
Kinan-mawed (نقاش | مساهمات) لا ملخص تعديل |
لا ملخص تعديل |
||
| (3 مراجعات متوسطة بواسطة مستخدمين اثنين آخرين غير معروضة) | |||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:محدد جميع العناصر في jQuery}}</noinclude> | <noinclude>{{DISPLAYTITLE:محدد جميع العناصر في jQuery}}</noinclude> | ||
== محدد جميع العناصر == | == محدد جميع العناصر == | ||
=== الوصف === | === الوصف === | ||
يُحدِّد | يُحدِّد <code>jQuery( "*" )</code> جميع العناصر. | ||
=== <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"> | <html lang="en"> | ||
<head> | <head> | ||
| سطر 47: | سطر 46: | ||
</body> | </body> | ||
</html> | </html> | ||
</syntaxhighlight>العثور على كافة العناصر الموجودة ضمن <code>document.body</code>، لذا تُستَثنى هنا عناصر مثل <code>[[HTML/head|<head>]]</code> و <code>[[HTML/script|<script>]]</code>..إلخ.<syntaxhighlight lang="html"> | </syntaxhighlight>العثور على كافة العناصر الموجودة ضمن <code>document.body</code>، لذا تُستَثنى هنا عناصر مثل <code>[[HTML/head|<head>]]</code> و <code>[[HTML/script|<script>]]</code> ...إلخ.<syntaxhighlight lang="html"> | ||
html lang="en"> | html lang="en"> | ||
<head> | <head> | ||
| سطر 89: | سطر 88: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== مصادر == | |||
* [http://api.jquery.com/all-selector/ صفحة محدد جميع العناصر في توثيق jQuery الرسمي]. | |||
[[تصنيف:jQuery]] | |||
[[تصنيف:jQuery Selectors]] | |||
المراجعة الحالية بتاريخ 09:14، 12 مايو 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>