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

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

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

الوصف

يختار هذا المحدد كل العناصر ذات النوع image.

jQuery( ":image" )‎

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

المحدد ()image: مكافئ إلى [type="image"‎].

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

لما كان المحدد image()‎: هو ملحق بمكتبة jQuery وليس جزءًا من مواصفة CSS، فإن الشيفرات التي تستعمل ‎:image()‎ لا يمكنها الإستفادة من سرعة الأداء التي يوفرها تابع DOM الأصلي ()querySelectorAll. للحصول على أداء أفضل في المتصفحات الحديثة، استعمل [type="image"‎] عوضًا عن ذلك.

أمثلة

إيجاد كل المدخلات التي من النوع image:

<!doctype html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <title>image demo</title>
 <style>
 textarea {
   height: 45px;
 }
 </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></div>
<script>
var input = $( "input:image" ).css({
 background:"yellow",
 border:"3px red solid"
});
$( "div" )
 .text( "For this type jQuery found " + input.length + "." )
 .css( "color", "red" );
$( "form" ).submit(function( event ) {
 event.preventDefault();
});
</script>
</body>
</html>

مصادر