الفرق بين المراجعتين لصفحة: «jQuery/image selector»
< jQuery
جميل-بيلوني (نقاش | مساهمات) هذه الصفحة من مساهمات عدنان أمزيان. |
لا ملخص تعديل |
||
| سطر 3: | سطر 3: | ||
=== الوصف === | === الوصف === | ||
يختار هذا المحدد كل العناصر ذات النوع image. | يختار هذا المحدد كل العناصر ذات النوع [[HTML/input/image|image]]. | ||
=== <code>jQuery( ":image" )</code> === | === <code>jQuery( ":image" )</code> === | ||
| سطر 11: | سطر 11: | ||
=== ملاحظات إضافية === | === ملاحظات إضافية === | ||
لما كان المحدد <code>image():</code> هو ملحق بمكتبة jQuery وليس جزءًا من مواصفة [[CSS]]، فإن الشيفرات التي تستعمل <code>:image()</code> لا يمكنها الإستفادة من سرعة الأداء التي | لما كان المحدد <code>image():</code> هو ملحق بمكتبة jQuery وليس جزءًا من مواصفة [[CSS]]، فإن الشيفرات التي تستعمل <code>:image()</code> لا يمكنها الإستفادة من سرعة الأداء التي يوفرها تابع DOM الأصلي <code>()querySelectorAll</code>. للحصول على أداء أفضل في المتصفحات الحديثة، استعمل <code>[type="image"]</code> عوضًا عن ذلك. | ||
=== أمثلة === | === أمثلة === | ||
إيجاد كل المدخلات التي من النوع image:<syntaxhighlight lang="html"> | إيجاد كل المدخلات التي من النوع [[HTML/input/image|image]]:<syntaxhighlight lang="html"> | ||
<!doctype html> | <!doctype html> | ||
<html lang="en"> | <html lang="en"> | ||
| سطر 64: | سطر 64: | ||
== مصادر == | == مصادر == | ||
* [http://api.jquery.com/image-selector/ صفحة المحدد :image() في توثيق jQuery الرسمي.] | * [http://api.jquery.com/image-selector/ صفحة المحدد :image() في توثيق jQuery الرسمي.] | ||
[[تصنيف:jQuery]] | [[تصنيف:jQuery]] | ||
[[تصنيف:jQuery Selectors]] | [[تصنيف:jQuery Selectors]] | ||
المراجعة الحالية بتاريخ 09:51، 29 مايو 2018
المحدد :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>