الفرق بين المراجعتين لصفحة: «jQuery/attribute equals selector»
< jQuery
Kinan-mawed (نقاش | مساهمات) أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE:محدد الخاصيات التي تساوي <code>[name="value"]</code> في jQuery}}</noinclude>' |
Kinan-mawed (نقاش | مساهمات) لا ملخص تعديل |
||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:محدد الخاصيات التي تساوي <code>[name="value"]</code> في jQuery}}</noinclude> | <noinclude>{{DISPLAYTITLE:محدد الخاصيات التي تساوي <code>[name="value"]</code> في jQuery}}</noinclude> | ||
== محدد الخاصيات التي تساوي <code>[name="value"]</code> == | |||
=== الوصف=== | |||
تحديد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تُساوي تمامًا قيمة مُعيَّنة. | |||
=== <code>jQuery( "[attribute='value']" )</code> === | |||
أضيفت في الإصدار: 1.0. | |||
====<code>attribute</code>==== | |||
اسم خاصيّة HTML. | |||
====<code>value</code>==== | |||
قيمة خاصيّة HTML. يُمكِن أن تكون [[CSS/ID Selectors|مُعرِّفًا صالحًا (valid identifier)]] أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس. | |||
=== أمثلة === | |||
إيجاد كافّة حقول الإدخال التي تملك القيمة <code>أحمر</code> وتبديل نص عنصر <code>[[HTML/span|<nowiki><span></nowiki>]]</code> المُجاور لها:<syntaxhighlight lang="html"> | |||
<!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> | |||
</syntaxhighlight> | |||
== مصادر== | |||
*<span> </span>[http://api.jquery.com/attribute-equals-selector/ <nowiki>صفحة محدد الخاصيات التي تساوي [name="value"] في توثيق jQuery الرسمي</nowiki>]. | |||
مراجعة 15:53، 18 مايو 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>