الفرق بين المراجعتين لصفحة: «jQuery/enabled selector»
< jQuery
Khaled-yassin (نقاش | مساهمات) طلا ملخص تعديل |
Khaled-yassin (نقاش | مساهمات) لا ملخص تعديل |
||
| (مراجعتان متوسطتان بواسطة مستخدم واحد آخر غير معروضتين) | |||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:المحدد <code>:enabled</code> في jQuery}}</noinclude> | <noinclude>{{DISPLAYTITLE:المحدد <code>:enabled</code> في jQuery}}</noinclude> | ||
== المحدد <code>:enabled</code> == | == المحدد <code>:enabled</code> == | ||
=== الوصف === | === الوصف === | ||
يحدد كل العناصر المُفعَّلة. | يحدد كل العناصر المُفعَّلة (enabled). | ||
=== <code>jQuery( ":enabled" )</code> === | === <code>jQuery( ":enabled" )</code> === | ||
أُضيف مع الإصدار: [http://api.jquery.com/category/version/1.0 1.0]. | أُضيف مع الإصدار: [http://api.jquery.com/category/version/1.0 1.0]. | ||
كما هو الحال مع الأصناف | كما هو الحال مع الأصناف الزائفة الأخرى (تلك التي تبدأ بنقطتين رأسيتين <code>:</code>)، فمن المستحسن أن تسبقها باسم وسم أو مُحدِّد آخر؛ خلاف ذلك، سيستخدم المحدد العالمي (<code>*</code>) كمحدد ضمني. بمعنى آخر، فإن <code>$(':enabled')</code> المجرد يعادل <code>$('*:enabled')</code>، لذلك يُفضَّل استخدام <code>$('input:enabled')</code> أو ما شابه بدلًا من ذلك. | ||
وعلى الرغم من أن التحديدات التي تُنتج عنها عادة ما تكون متماثلة، فإن المحدد <code>:enabled</code> يختلف تمامًا عن محدد الخاصية <code>:not([disabled])</code>؛ يحدد <code>:enabled</code> العناصر التي لها | وعلى الرغم من أن التحديدات التي تُنتج عنها عادة ما تكون متماثلة، فإن المحدد <code>:enabled</code> يختلف تمامًا عن محدد الخاصية <code>:not([disabled])</code>؛ يحدد <code>:enabled</code> العناصر التي لها الخاصية المنطقية <code>disabled</code> تساوي <code>false</code> بالضبط، بينما يحدد <code>:not([disabled])</code> العناصر التي لم تُضبَط فيها الخاصية <code>disabled</code> (بغض النظر عن قيمتها). | ||
يجب استخدام المحدد <code>:enabled</code> فقط لتحديد عناصر HTML التي تدعم خاصية <code>disabled</code> | يجب استخدام المحدد <code>:enabled</code> فقط لتحديد عناصر HTML التي تدعم خاصية <code>disabled</code> ( <code>[[HTML/button|<button>]]</code> و <code>[[HTML/input|<input>]]</code> و <code>[[HTML/optgroup|<optgroup>]]</code> و<code>[[HTML/option|<option>]]</code> و <code>[[HTML/select|<select>]]</code> و <code>[[HTML/textarea|<textarea>]]</code> و <code><menuitem></code> و <code>[[HTML/fieldset|<fieldset>]]</code> ). | ||
=== أمثلة === | === أمثلة === | ||
العثور على جميع عناصر المُدخلة المُفعَّلة | العثور على جميع عناصر المُدخلة المُفعَّلة:<syntaxhighlight lang="html"> | ||
<!doctype html> | <!doctype html> | ||
<html lang="en"> | <html lang="en"> | ||
<head> | <head> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
<title>enabled | <title>enabled مثال على المحدد</title> | ||
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> | <script src="https://code.jquery.com/jquery-1.10.2.js"></script> | ||
</head> | </head> | ||
| سطر 32: | سطر 31: | ||
<script> | <script> | ||
$( "input:enabled" ).val( " | $( "input:enabled" ).val( "ها هو ذا" ); | ||
</script> | </script> | ||
| سطر 40: | سطر 39: | ||
== مصادر == | == مصادر == | ||
* [http://api.jquery.com/enabled-selector/ صفحة المحدد :enabled في توثيق jQuery الرسمي]. | * [http://api.jquery.com/enabled-selector/ صفحة المحدد :enabled في توثيق jQuery الرسمي]. | ||
[[تصنيف:jQuery]] | [[تصنيف:jQuery]] | ||
[[تصنيف:jQuery Selectors]] | [[تصنيف:jQuery Selectors]] | ||
المراجعة الحالية بتاريخ 14:56، 5 يونيو 2018
المحدد :enabled
الوصف
يحدد كل العناصر المُفعَّلة (enabled).
jQuery( ":enabled" )
أُضيف مع الإصدار: 1.0.
كما هو الحال مع الأصناف الزائفة الأخرى (تلك التي تبدأ بنقطتين رأسيتين :)، فمن المستحسن أن تسبقها باسم وسم أو مُحدِّد آخر؛ خلاف ذلك، سيستخدم المحدد العالمي (*) كمحدد ضمني. بمعنى آخر، فإن $(':enabled') المجرد يعادل $('*:enabled')، لذلك يُفضَّل استخدام $('input:enabled') أو ما شابه بدلًا من ذلك.
وعلى الرغم من أن التحديدات التي تُنتج عنها عادة ما تكون متماثلة، فإن المحدد :enabled يختلف تمامًا عن محدد الخاصية :not([disabled])؛ يحدد :enabled العناصر التي لها الخاصية المنطقية disabled تساوي false بالضبط، بينما يحدد :not([disabled]) العناصر التي لم تُضبَط فيها الخاصية disabled (بغض النظر عن قيمتها).
يجب استخدام المحدد :enabled فقط لتحديد عناصر HTML التي تدعم خاصية disabled ( <button> و <input> و <optgroup> و<option> و <select> و <textarea> و <menuitem> و <fieldset> ).
أمثلة
العثور على جميع عناصر المُدخلة المُفعَّلة:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>enabled مثال على المحدد</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<form>
<input name="email" disabled="disabled">
<input name="id">
</form>
<script>
$( "input:enabled" ).val( "ها هو ذا" );
</script>
</body>
</html>