المحدد ‎‎‎:input()‎‎ في jQuery

من موسوعة حسوب
اذهب إلى: تصفح، ابحث

المحدد ‎:input()‎

الوصف

يحدد هذا المحدد كل العناصر التي من النوع <input>، و <textarea>، و <select>، و <button>.

jQuery( ":input" )‎

أضيف مع الإصدار: 1.0.

يختار المحدد ‎:input()‎ بشكل أساسي كل العناصر التي تتحكم في النماذج (forms).

ملاحظات إضافية

لما كان المحدد ‎:input()‎ هو ملحق في مكتبة jQuery  وليس جزءًا من مواصفة CSS، فإن الاستعلامات التي تستعمل ‎:input()‎ لا يمكنها الاستفادة من سرعة الأداء الذي يوفره تابع DOM الأصلي querySelectorAll()‎. للحصول على أداء أفضل في المتصفحات الحديثة، حدد العناصر باستعمال محددات CSS الصرفة (pure) استعمل التابع ‎.filter(' :input ')‎.

أمثلة

إيجاد كل العناصر المدخلة التي من نوع <input>:
<!doctype html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <title>input demo</title>
 <style>
 textarea {
   height: 25px;
 }
 	</style>
 <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<form>
 <input type="button" value="Input Button">
 <input type="checkbox">
 <input type="file">
 <input type="hidden">
 <input type="image">
 <input type="password">
 <input type="radio">
 <input type="reset">
 <input type="submit">
 <input type="text">
 <select>
   <option>Option</option>
 </select>
 <textarea></textarea>
 <button>Button</button>
</form>
<div id="messages"></div>
<script>
var allInputs = $( ":input" );
var formChildren = $( "form > *" );
$( "#messages" ).text( "Found " + allInputs.length + " inputs and the form has " +
 formChildren.length + " children." );
$( "form" ).submit(function( event ) {
 event.preventDefault();
});
</script>
</body>
</html>

مصادر