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

من موسوعة حسوب
طلا ملخص تعديل
لا ملخص تعديل
سطر 4: سطر 4:


=== الوصف ===
=== الوصف ===
يحدد كل العناصر المُفعَّلة.
يحدد كل العناصر المُفعَّلة (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>$(':enabled')</code>‎ المجرد يعادل <code>‎$('*:enabled')‎</code>، لذلك يجب استخدام ‎<code>$('input:enabled')</code>‎ أو ما شابه بدلا من ذلك.
كما هو الحال مع الأصناف الزائفة الأخرى (تلك التي تبدأ بنقطتين رأسيتين <code>:</code>)، فمن المستحسن أن تسبقها باسم وسم أو مُحدِّد آخر؛ خلاف ذلك، سيستخدم المحدد العالمي (<code>*</code>) كمحدد ضمني. بمعنى آخر، فإن ‎<code>$(':enabled')</code>‎ المجرد يعادل <code>‎$('*:enabled')‎</code>، لذلك يُفضَّل استخدام ‎<code>$('input:enabled')</code>‎ أو ما شابه بدلًا من ذلك.


وعلى الرغم من أن التحديدات التي تُنتج عنها عادة ما تكون متماثلة، فإن المحدد <code>‎:enabled</code> يختلف تمامًا عن محدد الخاصية ‎<code>:not([disabled])‎</code>؛ يحدد ‎<code>:enabled</code> العناصر التي لها خاصية منطقية معطلة تساوي false بالضبط، بينما يحدد ‎<code>:not([disabled])‎</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>[[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> ).
يجب استخدام المحدد <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">
العثور على جميع عناصر المُدخلة المُفعَّلة:<syntaxhighlight lang="html">
<!doctype html>
<!doctype html>
<html lang="en">
<html lang="en">
سطر 40: سطر 40:


== مصادر ==
== مصادر ==
* [http://api.jquery.com/enabled-selector/ صفحة المحدد ‎:enabled في توثيق jQuery الرسمي].
* [http://api.jquery.com/enabled-selector/ صفحة المحدد ‎:enabled في توثيق jQuery الرسمي].
[[تصنيف:jQuery]]
[[تصنيف:jQuery]]
[[تصنيف:jQuery Method]]
[[تصنيف:jQuery Method]]
[[تصنيف:jQuery Selectors]]
[[تصنيف:jQuery Selectors]]

مراجعة 07:53، 17 مايو 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 demo</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( "this is it" );
</script>
 
</body>
</html>

مصادر