الفرق بين المراجعتين ل"jQuery/disabled selector"
< jQuery
اذهب إلى التنقل
اذهب إلى البحث
Khaled-yassin (نقاش | مساهمات) ط |
Khaled-yassin (نقاش | مساهمات) |
||
| (3 مراجعات متوسطة بواسطة مستخدمين اثنين آخرين غير معروضة) | |||
| سطر 1: | سطر 1: | ||
| − | <noinclude>{{DISPLAYTITLE:المحدد <code>: | + | <noinclude>{{DISPLAYTITLE:المحدد <code>:disabled</code> في jQuery}}</noinclude> |
| − | + | == المحدد <code>:disabled</code> == | |
| − | == المحدد :disabled == | ||
=== الوصف === | === الوصف === | ||
يحدد جميع العناصر التي تم تعطيلها. | يحدد جميع العناصر التي تم تعطيلها. | ||
| − | === jQuery( ":disabled" ) === | + | === <code>jQuery( ":disabled" )</code> === |
أُضيف مع الإصدار: [http://api.jquery.com/category/version/1.0 1.0]. | أُضيف مع الإصدار: [http://api.jquery.com/category/version/1.0 1.0]. | ||
| − | كما هو الحال مع | + | كما هو الحال مع الأصناف الوهمية الأخرى (تلك التي تبدأ بنقطتين رأسيتين ":")، فمن المستحسن أن تسبقها باسم وسم أو مُحدِّد آخر؛ خلاف ذلك، يستخدم المحدد العالمي ("*") كمحدد ضمني. بمعنى آخر، فإن <code>$(':disabled')</code> المجرد يعادل <code>$('*:disabled')</code> ، لذلك يجب استخدام <code>$('input:disabled')</code> أو ما شابه بدلاً من ذلك. |
وعلى الرغم من أن التحديدات التي تُنتج عنها عادة ما تكون متماثلة، فإن المحدد <code>:disabled</code> يختلف تمامًا عن محدد الخاصية <code>[disabled]</code>؛ فالعناصر المتطابقة من <code>:disabled</code> [https://html.spec.whatwg.org/multipage/scripting.html#disabled-elements مُعطلة بالفعل] بينما تتحقق <code>[disabled]</code> فقط من وجود الخاصية المعطلة. | وعلى الرغم من أن التحديدات التي تُنتج عنها عادة ما تكون متماثلة، فإن المحدد <code>:disabled</code> يختلف تمامًا عن محدد الخاصية <code>[disabled]</code>؛ فالعناصر المتطابقة من <code>:disabled</code> [https://html.spec.whatwg.org/multipage/scripting.html#disabled-elements مُعطلة بالفعل] بينما تتحقق <code>[disabled]</code> فقط من وجود الخاصية المعطلة. | ||
| − | يجب استخدام المحدد <code>:disabled</code> فقط لتحديد عناصر HTML التي تدعم خاصية <code>disabled</code> المعطلة ( <code><button></code> و <code><input></code> و <code><optgroup></code> و <code><option></code> و <code><select></code> و <code><textarea></code> و <code><menuitem></code> و <code><fieldset></code> ). | + | يجب استخدام المحدد <code>:disabled</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> ). |
=== أمثلة === | === أمثلة === | ||
| سطر 21: | سطر 20: | ||
<head> | <head> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
| − | <title>disabled | + | <title>disabled مثال على المحدد</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:disabled" ).val( " | + | $( "input:disabled" ).val( "ها هو ذا" ); |
</script> | </script> | ||
المراجعة الحالية بتاريخ 14:24، 5 يونيو 2018
المحدد :disabled
الوصف
يحدد جميع العناصر التي تم تعطيلها.
jQuery( ":disabled" )
أُضيف مع الإصدار: 1.0.
كما هو الحال مع الأصناف الوهمية الأخرى (تلك التي تبدأ بنقطتين رأسيتين ":")، فمن المستحسن أن تسبقها باسم وسم أو مُحدِّد آخر؛ خلاف ذلك، يستخدم المحدد العالمي ("*") كمحدد ضمني. بمعنى آخر، فإن $(':disabled') المجرد يعادل $('*:disabled') ، لذلك يجب استخدام $('input:disabled') أو ما شابه بدلاً من ذلك.
وعلى الرغم من أن التحديدات التي تُنتج عنها عادة ما تكون متماثلة، فإن المحدد :disabled يختلف تمامًا عن محدد الخاصية [disabled]؛ فالعناصر المتطابقة من :disabled مُعطلة بالفعل بينما تتحقق [disabled] فقط من وجود الخاصية المعطلة.
يجب استخدام المحدد :disabled فقط لتحديد عناصر HTML التي تدعم خاصية disabled المعطلة ( <button> و <input> و <optgroup> و <option> و <select> و <textarea> و <menuitem> و <fieldset> ).
أمثلة
العثور على جميع عناصر المُدخلة المعطلة.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>disabled مثال على المحدد</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:disabled" ).val( "ها هو ذا" );
</script>
</body>
</html>