الفرق بين المراجعتين لصفحة: «jQuery/element selector»
< jQuery
Khaled-yassin (نقاش | مساهمات) أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE:المحدد العناصر<code>"element"</code> في jQuery}}</noinclude> == محد...' |
Khaled-yassin (نقاش | مساهمات) لا ملخص تعديل |
||
| (مراجعتان متوسطتان بواسطة مستخدم واحد آخر غير معروضتين) | |||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE: | <noinclude>{{DISPLAYTITLE:محدد العناصر <code>"element"</code> في jQuery}}</noinclude> | ||
== محدد العناصر == | == محدد العناصر == | ||
| سطر 10: | سطر 9: | ||
==== <code>element</code> ==== | ==== <code>element</code> ==== | ||
العنصر المراد البحث عنه. ويشير إلى <code>tagName</code> في عُقَد DOM | العنصر المراد البحث عنه. ويشير إلى <code>tagName</code> في عُقَد DOM (DOM nodes). | ||
تستدعى | تستدعى الدالة <code>[[JavaScript/getElementsByTagName|getElementsByTagName()]]</code> من JavaScript لإعادة العناصر المناسبة عند استخدام هذا التعبير. | ||
=== أمثلة === | === أمثلة === | ||
العثور على جميع عناصر <nowiki>< | العثور على جميع عناصر <code>[[HTML/div|<nowiki><div></nowiki>]]</code>:<syntaxhighlight lang="html"> | ||
<!doctype html> | <!doctype html> | ||
<html lang="en"> | <html lang="en"> | ||
<head> | <head> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
<title>element | <title>element مثال على محدد العناصر</title> | ||
<style> | <style> | ||
div, span { | div, span { | ||
المراجعة الحالية بتاريخ 14:14، 5 يونيو 2018
محدد العناصر
الوصف
يُحدد جميع العناصر التي تحمل اسم الوسم المُعطى.
jQuery( "element" )
أُضيف مع الإصدار: 1.0.
element
العنصر المراد البحث عنه. ويشير إلى tagName في عُقَد DOM (DOM nodes).
تستدعى الدالة getElementsByTagName() من JavaScript لإعادة العناصر المناسبة عند استخدام هذا التعبير.
أمثلة
العثور على جميع عناصر <div>:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>element مثال على محدد العناصر</title>
<style>
div, span {
width: 60px;
height: 60px;
float: left;
padding: 10px;
margin: 10px;
background-color: #eee;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div>DIV1</div>
<div>DIV2</div>
<span>SPAN</span>
<script>
$( "div" ).css( "border", "9px solid red" );
</script>
</body>
</html>