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

من موسوعة حسوب
→ التعديل السابق
مرئينص الويكي
لا ملخص تعديل
لا ملخص تعديل
 
(6 مراجعات متوسطة بواسطة مستخدمين اثنين آخرين غير معروضة)
سطر 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> ==


=== الوصف===
=== الوصف===
تحديد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تحتوي على الكلمة المُعطاة محدودةً بينها بمسافات فارغة.
تحديد العناصر التي إمّا لا تمتلك خاصيّة HTML المُحدَّدة أو تمتلكها ولكن قيمتها لا تُساوي القيمة المُعيَّنة.
===<code>‎jQuery( "[attribute~='value']" )‎</code>===
===<code>‎jQuery( "[attribute!='value']" )‎</code>===
أضيفت في الإصدار: 1.0.
أضيفت في الإصدار: 1.0.
====<code>attribute</code>====
====<code>attribute</code>====
اسم خاصيّة HTML.
اسم خاصيّة HTML.
====<code>value</code>====
====<code>value</code>====
قيمة خاصيّة HTML. يُمكِن أن تكون [[CSS/ID Selectors|مُعرِّفًا صالحًا (valid identifier)]] أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس.
قيمة خاصيّة HTML. يُمكِن أن تكون [[CSS/Attribute Selectors|مُعرِّفًا صالحًا (valid identifier)]] أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس.


يُكافِئ هذا المُحدِّد <code>‎:not([attr='value'])‎</code>
يُكافِئ هذا المُحدِّد <code>‎:not([attr='value'])‎</code>
سطر 16: سطر 15:
=== ملاحظات إضافيّة ===
=== ملاحظات إضافيّة ===
* لمّا كانت <code>[name!="value"‎]</code> عبارة عن امتداد jQuery وليست جزءًا من مواصفات CSS، فلن تستفيد الاستعلامات التي تستخدم <code>[name!="value"‎]</code> من زيادة الأداء المُقدَّمة عن طريق التّابع <code>querySelectorAll()‎</code> الأصلي في DOM، وللحصول على أداء أفضل في المتصفحات الحديثة استخدم <code>‎$( "your-pure-css-selector" ).not( "[name='value']" )</code>‎ بدلًا من ذلك.
* لمّا كانت <code>[name!="value"‎]</code> عبارة عن امتداد jQuery وليست جزءًا من مواصفات CSS، فلن تستفيد الاستعلامات التي تستخدم <code>[name!="value"‎]</code> من زيادة الأداء المُقدَّمة عن طريق التّابع <code>querySelectorAll()‎</code> الأصلي في DOM، وللحصول على أداء أفضل في المتصفحات الحديثة استخدم <code>‎$( "your-pure-css-selector" ).not( "[name='value']" )</code>‎ بدلًا من ذلك.
=== أمثلة ===
إيجاد كافّة حقول الإدخال التي لا تمتلك الاسم <code>newsletter</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>
  <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>
</syntaxhighlight>
==مصادر==
*<span> </span>[http://api.jquery.com/attribute-not-equal-selector/ <nowiki>صفحة محدد الخاصيات التي لا تساوي [name!="value"‎] في توثيق jQuery الرسمي</nowiki>].
[[تصنيف:jQuery]]
[[تصنيف:jQuery Selectors]]

المراجعة الحالية بتاريخ 07:23، 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>

مصادر

مجلوبة من «https://wiki.hsoub.com/index.php?title=jQuery/attribute_not_equal_selector&oldid=8546»