الفرق بين المراجعتين لصفحة: «jQuery/descendant selector»
< jQuery
Khaled-yassin (نقاش | مساهمات) أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE:التابع <code>Descendant Selector (“ancestor descendant”) == Descendant...' |
Khaled-yassin (نقاش | مساهمات) طلا ملخص تعديل |
||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:التابع <code>Descendant Selector (“ancestor descendant”) | <noinclude>{{DISPLAYTITLE:التابع <code>Descendant Selector (“ancestor descendant”)</code> في jQuery}}</noinclude> | ||
== Descendant Selector (“ancestor descendant”) == | == Descendant Selector (“ancestor descendant”) == | ||
مراجعة 13:59، 10 مايو 2018
Descendant Selector (“ancestor descendant”)
الوصف
يختار جميع العناصر التي تنتمي إلى سلف معين.
jQuery( "ancestor descendant" )
أُضيف مع الإصدار: 1.0.
ancestor
أي مُحدِد صالح.
Descendant
محدد لتصفية العناصر التابعة.
يمكن أن يكون الـ descendant لعنصرٍ ما هو إبن هذا العنصر، أو حفيده، أو ابن الحفيد، وهكذا.
أمثلة
وضع علامة على كافة المدخلات التي هي جزءٌ نموذج له حدود زرقاء منقط. وإعطاء خلفية صفراء لإدخالات الـ descendants الخاصة بمجموعة حقول descendant من النموذج.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>descendant demo</title>
<style>
form {
border: 2px green solid;
padding: 2px;
margin: 0;
background: #efe;
}
div {
color: red;
}
fieldset {
margin: 1px;
padding: 3px;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<form>
<div>Form is surrounded by the green border.</div>
<label for="name">Child of form:</label>
<input name="name" id="name">
<fieldset>
<label for="newsletter">Grandchild of form, child of fieldset:</label>
<input name="newsletter" id="newsletter">
</fieldset>
</form>
Sibling to form: <input name="none">
<script>
$( "form input" ).css( "border", "2px dotted blue" );
$( "form fieldset input" ).css( "backgroundColor", "yellow" );
</script>
</body>
</html>
مصادر
صفحة التابع Descendant Selector (“ancestor descendant”) في توثيق jQuery الرسمي. [[ [[