المحدد :button في jQuery
< 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.
المحدد :button
الوصف
يُحدِّد عناصر الأزرار <button> والعناصر التي من نوع button.
jQuery( ":button" )
أضيفت في الإصدار: 1.0.
المُحدِّد المُكافِئ لـ $( ":button" ) باستخدام CSS هو $( "button, input[type='button']" ).
ملاحظات إضافيّة
- لمّا كان
:buttonعبارة عن امتداد jQuery وليس جزءًا من مواصفات CSS، فلن تستفيد الاستعلامات التي تستخدم:buttonمن زيادة الأداء المُقدَّمة عن طريق التّابعquerySelectorAll()الأصلي في DOM، وللحصول على أداء أفضل في المتصفحات الحديثة عند استخدام:buttonلتحديد العناصر، اختر أولًا العناصر باستخدام مُحدِّد CSS النقي ثم استخدم .filter(":button").
أمثلة
إيجاد كافّة عناصر <input> من النوع button وتحديدها:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>مثال عن المحدد button</title>
<style>
textarea {
height: 35px;
}
div {
color: red;
}
fieldset {
margin: 0;
padding: 0;
border-width: 0;
}
.marked {
background-color: yellow;
border: 3px red solid;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<form>
<fieldset>
<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>
</select>
<textarea></textarea>
<button>زر</button>
</fieldset>
</form>
<div></div>
<script>
var input = $( ":button" ).addClass( "marked" );
$( "div" ).text( "وجدت بالنسبة لهذا النوع " + input.length + "عناصر." );
// منع تقديم الطلب
$( "form" ).submit(function( event ) {
event.preventDefault();
});
</script>
</body>
</html>