المحدد ‎‎‎:not()‎‎ في 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.

المحدد ‎:not()

الوصف

يختار هذا المحدِّد جميع العناصر التي لا تطابق المحدِّد المعطى.

jQuery( ":not(selector)" )‎

أُضيف مع الإصدار: 1.0.

selector

المحدِّد المراد منه ترشيح العناصر.

يقبل هذا التابع أن يُمرَّر إليه جميع المحدِّدات مثل ‎:not(div a)‎ و ‎:not(div,a)‎.

ملاحظات إضافية

سينتهي المطاف بالتابع ‎.not()‎ إلى تزويدك بنتائج أكثر قابلية للقراءة عوضًا عن تمرير محدِّدات أو متغيرات معقَّدة إلى مرشِّح المحدِّد ‎:not()‎، ويكون التابع في أغلب الأحيان هو الخيار الأفضل.

أمثلة

إيجاد جميع مربعات الاختيار (checkbox) التي لم تُختار، وتمييز العنصر الأخ التالي لها ذي النوع <span>. لاحظ أنَّه لا يتغير مربع الاختيار عند الضغط عليه، إذ لم تُربط أي أحداث click بها:

<!doctype html>
<html lang="ar">
<head>
  <meta charset="utf-8">
  <title>not مثالٌ عن استعمال المحدد</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<div>
  <input type="checkbox" name="a">
  <span>مريم</span>
</div>
<div>
  <input type="checkbox" name="b">
  <span>بشير</span>
</div>
<div>
  <input type="checkbox" name="c" checked="checked">
  <span>عبد الرحمن</span>
</div>
 
<script>
$( "input:not(:checked) + span" ).css( "background-color", "yellow" );
$( "input").attr( "disabled", "disabled" );
</script>
 
</body>
</html>

مصادر