الفرق بين المراجعتين لصفحة: «jQuery/enabled selector»
Khaled-yassin (نقاش | مساهمات) أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE:المحدد<code>:enabled</code> في jQuery}}</noinclude> == المحدد <code>...' |
Khaled-yassin (نقاش | مساهمات) |
||
سطر 7: | سطر 7: | ||
=== <code>jQuery( ":enabled" )</code> === | === <code>jQuery( ":enabled" )</code> === | ||
أُضيف مع الإصدار: [http://api.jquery.com/category/version/1.0 1.0]. | |||
كما هو الحال مع الأصناف الوهمية الأخرى (تلك التي تبدأ بنقطتين رأسيتين ":")، فمن المستحسن أن تسبقها باسم وسم أو مُحدِّد آخر؛ خلاف ذلك، يستخدم المحدد العالمي ("*") كمحدد ضمني. بمعنى آخر، فإن <code>$(':enabled')</code> المجرد يعادل <code>$('*:enabled')</code>، لذلك يجب استخدام <code>$('input:enabled')</code> أو ما شابه بدلا من ذلك. | كما هو الحال مع الأصناف الوهمية الأخرى (تلك التي تبدأ بنقطتين رأسيتين ":")، فمن المستحسن أن تسبقها باسم وسم أو مُحدِّد آخر؛ خلاف ذلك، يستخدم المحدد العالمي ("*") كمحدد ضمني. بمعنى آخر، فإن <code>$(':enabled')</code> المجرد يعادل <code>$('*:enabled')</code>، لذلك يجب استخدام <code>$('input:enabled')</code> أو ما شابه بدلا من ذلك. | ||
مراجعة 22:42، 14 مايو 2018
المحدد :enabled
الوصف
يحدد كل العناصر المُفعَّلة.
jQuery( ":enabled" )
أُضيف مع الإصدار: 1.0.
كما هو الحال مع الأصناف الوهمية الأخرى (تلك التي تبدأ بنقطتين رأسيتين ":")، فمن المستحسن أن تسبقها باسم وسم أو مُحدِّد آخر؛ خلاف ذلك، يستخدم المحدد العالمي ("*") كمحدد ضمني. بمعنى آخر، فإن $(':enabled')
المجرد يعادل $('*:enabled')
، لذلك يجب استخدام $('input:enabled')
أو ما شابه بدلا من ذلك.
وعلى الرغم من أن التحديدات التي تُنتج عنها عادة ما تكون متماثلة، فإن المحدد :enabled
يختلف تمامًا عن محدد الخاصية :not([disabled])
؛ يحدد :enabled
العناصر التي لها خاصية منطقية معطلة تساوي false بالضبط، بينما يحدد :not([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>