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

مراجعة 15:49، 20 مايو 2018

يُحدِّد عناصر الأزرار <button> والعناصر التي من نوع button.

أضيفت في الإصدار: 1.0.

المُحدِّد المُكافِئ لـ ‎$( ":button" )‎ باستخدام CSS هو ‎$( "button, input[type='button']" )‎.

لمّا كان ‎:button عبارة عن امتداد jQuery وليست جزءًا من مواصفات CSS، فلن تستفيد الاستعلامات التي تستخدم ‎:button من زيادة الأداء المُقدَّمة عن طريق التّابع querySelectorAll()‎ الأصلي في DOM، وللحصول على أداء أفضل في المتصفحات الحديثة عند استخدام ‎:button لتحديد العناصر، اختر أولًا العناصر باستخدام مُحدِّد CSS النقي ثم استخدم ‎.filter(":button")‎.

إيجاد كافّة عناصر <input> من النوع button وتحديدها:

@@ سطر 1: / سطر 1: @@
 <noinclude>{{DISPLAYTITLE:المحدد <code>‎‎‎:button‎</code>‎ في jQuery}}</noinclude>
+== المحدد <code>‎‎:button</code> ==
+===الوصف===
+يُحدِّد عناصر الأزرار <code>[[HTML/button|<button>]]</code> والعناصر التي من نوع <code>button</code>.
+=== <code>‎jQuery( ":button" )‎</code> ===
+أضيفت في الإصدار: 1.0.
+المُحدِّد المُكافِئ لـ ‎<code>$( ":button" )‎</code> باستخدام CSS هو ‎<code>$( "button, input[type='button']" )‎</code>.
+=== ملاحظات إضافيّة===
+*لمّا كان <code>‎:button</code> عبارة عن امتداد jQuery وليست جزءًا من مواصفات CSS، فلن تستفيد الاستعلامات التي تستخدم <code>‎:button</code> من زيادة الأداء المُقدَّمة عن طريق التّابع <code>querySelectorAll()‎</code> الأصلي في DOM، وللحصول على أداء أفضل في المتصفحات الحديثة عند استخدام <code>‎:button</code> لتحديد العناصر، اختر أولًا العناصر باستخدام مُحدِّد CSS النقي ثم استخدم ‎<code>[[jQuery/filter|.filter(":button")]]‎</code>.
+=== أمثلة ===
+إيجاد كافّة عناصر <code>[[HTML/input|<input>]]</code> من النوع <code>button</code> وتحديدها: