الفرق بين المراجعتين ل"jQuery/attribute equals selector"
< jQuery
اذهب إلى التنقل
اذهب إلى البحث
Kinan-mawed (نقاش | مساهمات) |
|||
| (مراجعتان متوسطتان بواسطة مستخدمين اثنين آخرين غير معروضتين) | |||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:محدد الخاصيات التي تساوي <code>[name="value"]</code> في jQuery}}</noinclude> | <noinclude>{{DISPLAYTITLE:محدد الخاصيات التي تساوي <code>[name="value"]</code> في jQuery}}</noinclude> | ||
| − | |||
== محدد الخاصيات التي تساوي <code>[name="value"]</code> == | == محدد الخاصيات التي تساوي <code>[name="value"]</code> == | ||
| سطر 12: | سطر 11: | ||
اسم خاصيّة HTML. | اسم خاصيّة HTML. | ||
====<code>value</code>==== | ====<code>value</code>==== | ||
| − | قيمة خاصيّة HTML. يُمكِن أن تكون [[CSS/ | + | قيمة خاصيّة HTML. يُمكِن أن تكون [[CSS/Attribute Selectors|مُعرِّفًا صالحًا (valid identifier)]] أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس. |
=== أمثلة === | === أمثلة === | ||
| سطر 55: | سطر 54: | ||
*<span> </span>[http://api.jquery.com/attribute-equals-selector/ <nowiki>صفحة محدد الخاصيات التي تساوي [name="value"] في توثيق jQuery الرسمي</nowiki>]. | *<span> </span>[http://api.jquery.com/attribute-equals-selector/ <nowiki>صفحة محدد الخاصيات التي تساوي [name="value"] في توثيق jQuery الرسمي</nowiki>]. | ||
[[تصنيف:jQuery]] | [[تصنيف:jQuery]] | ||
| − | |||
[[تصنيف:jQuery Selectors]] | [[تصنيف:jQuery Selectors]] | ||
المراجعة الحالية بتاريخ 07:15، 19 مايو 2018
محدد الخاصيات التي تساوي [name="value"]
الوصف
تحديد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تُساوي تمامًا قيمة مُعيَّنة.
jQuery( "[attribute='value']" )
أضيفت في الإصدار: 1.0.
attribute
اسم خاصيّة HTML.
value
قيمة خاصيّة HTML. يُمكِن أن تكون مُعرِّفًا صالحًا (valid identifier) أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس.
أمثلة
إيجاد كافّة حقول الإدخال التي تملك القيمة أحمر وتبديل نص عنصر <span> المُجاور لها:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>مثال عن محدد الخاصيات التي تساوي [name="value"]</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div>
<label>
<input type="radio" name="newsletter" value="أحمر">
<span>اسم اللون</span>
</label>
</div>
<div>
<label>
<input type="radio" name="newsletter" value="أزرق">
<span>اسم اللون</span>
</label>
</div>
<div>
<label>
<input type="radio" name="newsletter" value="أسود">
<span>اسم اللون</span>
</label>
</div>
<script>
$( "input[value='أحمر']" ).next().text( "لون أحمر" );
</script>
</body>
</html>