الفرق بين المراجعتين ل"jQuery/disabled selector"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
ط
 
(3 مراجعات متوسطة بواسطة مستخدمين اثنين آخرين غير معروضة)
سطر 1: سطر 1:
<noinclude>{{DISPLAYTITLE:المحدد <code>:disabled‎‎</code>‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery}}</noinclude>
+
<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].
  
كما هو الحال مع مُحدِّدات pseudo-class الأخرى (تلك التي تبدأ بـ ":")، فمن المستحسن أن تسبقها باسم وسم أو مُحدِّد آخر؛ خلاف ذلك، يستخدم المحدد العالمي ("*") كمحدد ضمني. بمعنى آخر، فإن ‎<code>$(':disabled')‎</code> المجرد يعادل <code>‎$('*:disabled')‎</code> ، لذلك يجب استخدام ‎<code>$('input:disabled')‎</code> أو ما شابه بدلاً من ذلك.
+
كما هو الحال مع الأصناف الوهمية الأخرى (تلك التي تبدأ بنقطتين رأسيتين ":")، فمن المستحسن أن تسبقها باسم وسم أو مُحدِّد آخر؛ خلاف ذلك، يستخدم المحدد العالمي ("*") كمحدد ضمني. بمعنى آخر، فإن ‎<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 demo</title>
+
   <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( "this is it" );
+
$( "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>

مصادر