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

من موسوعة حسوب
لا ملخص تعديل
لا ملخص تعديل
 
سطر 20: سطر 20:
<head>
<head>
   <meta charset="utf-8">
   <meta charset="utf-8">
   <title>disabled مثال على التابع</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>

المراجعة الحالية بتاريخ 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>

مصادر