محدد الخاصيات التي لا تساوي [name!="value"‎‎] في jQuery

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

محدد الخاصيات التي لا تساوي [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>

مصادر