الفرق بين المراجعتين لصفحة: «jQuery/attribute not equal selector»
< jQuery
Kinan-mawed (نقاش | مساهمات) لا ملخص تعديل |
لا ملخص تعديل |
||
سطر 9: | سطر 9: | ||
اسم خاصيّة HTML. | اسم خاصيّة HTML. | ||
====<code>value</code>==== | ====<code>value</code>==== | ||
قيمة خاصيّة HTML. يُمكِن أن تكون [[CSS/ | قيمة خاصيّة HTML. يُمكِن أن تكون [[CSS/Attribute Selectors|مُعرِّفًا صالحًا (valid identifier)]] أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس. | ||
يُكافِئ هذا المُحدِّد <code>:not([attr='value'])</code> | يُكافِئ هذا المُحدِّد <code>:not([attr='value'])</code> |
مراجعة 07:17، 19 مايو 2018
محدد الخاصيات التي لا تساوي [name!="value"]
الوصف
تحديد العناصر التي إمّا لا تمتلك خاصيّة HTML المُحدَّدة أو تمتلكها ولكن قيمتها لا تُساوي القيمة المُعيَّنة.
jQuery( "[attribute!='value']" )
أضيفت في الإصدار: 1.0.
attribute
اسم خاصيّة HTML.
value
قيمة خاصيّة HTML. يُمكِن أن تكون مُعرِّفًا صالحًا (valid identifier) أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس.
يُكافِئ هذا المُحدِّد :not([attr='value'])
ملاحظات إضافيّة
- لمّا كانت
[name!="value"]
عبارة عن امتداد jQuery وليست جزءًا من مواصفات CSS، فلن تستفيد الاستعلامات التي تستخدم[name!="value"]
من زيادة الأداء المُقدَّمة عن طريق التّابعquerySelectorAll()
الأصلي في DOM، وللحصول على أداء أفضل في المتصفحات الحديثة استخدم$( "your-pure-css-selector" ).not( "[name='value']" )
بدلًا من ذلك.
أمثلة
إيجاد كافّة حقول الإدخال التي لا تمتلك الاسم newsletter
(أي ليست نشرة إخباريّة) وإرفاق نص إلى عنصر <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>
<input type="radio" name="newsletter" value="Hot Fuzz">
<span>الاسم عبارة عن نشرة إخباريّة</span>
</div>
<div>
<input type="radio" value="Cold Fusion">
<span>لا اسم لها</span>
</div>
<div>
<input type="radio" name="accept" value="Evil Plans">
<span>الاسم هو accept</span>
</div>
<script>
$( "input[name!='newsletter']" ).next().append( "<b>; ليست نشرة إخباريّة</b>" );
</script>
</body>
</html>