الفرق بين المراجعتين لصفحة: «jQuery/attribute equals selector»

من موسوعة حسوب
لا ملخص تعديل
لا ملخص تعديل
سطر 54: سطر 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 Attributes]]
[[تصنيف:jQuery Selectors]]

مراجعة 15:54، 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>

 مصادر