أحداث مكتبة jQuery تقوم بربط الدوال مع عنصر معين.
يمكن أخذ مثال عن أحداث مكتبة jQuery كعندما يضغط المستخدم على زر أو يقوم بإدخال نص أو يحرك مؤشر الفأرة فوق منطقة محددة في الصفحة.
يقوم الحدث blur() بمعالجة دالة ما عندما يفقد مربع إدخال النصوص المحدد إمكانيته على الإدخال,مثال:
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function() {
$("#text").blur(function() {
$(this).css("background-color","orange");
});
});
</script>
<input type="text" id="text">
إنتقل إلى الرابط التالي لتشاهد كيف يعمل هذا الحدث: http://jsbin.com/tibequrucelu/1/edit
يقوم الحدث change() بمعالجة دالة ما عندما يتغير محتوى مربع إدخال النصوص,مثال:
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function() {
$("#text").change(function() {
alert("لقد تغير محتوى النص");
});
});
</script>
<input type="text" id="text">
انتقل إلى الرابط التالي لتشاهد كيف يعمل هذا الحدث: http://jsbin.com/getigucoqeba/1/edit
يقوم حدث click() بمعالجة دالة ما عندما يتم الضغط بزر الفأرة الأيسر على العنصر المحدد,مثال:
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function() {
$("#button").click(function() {
alert("لقد تم ضغط الزر");
});
});
</script>
<input type="button" id="button" value="اضغط هنا">
انتقل إلى الرابط التالي لتشاهد كيف يعمل هذا الحدث: http://jsbin.com/radepuyuwexe/1/edit
يقوم حدث dblclick() بمعالجة دالة ما عندما يتم الضغط بشكل مزدوج بإستخدام زر الفأرة الأيسر على العنصر المحدد,مثال:
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function() {
$("#button").dblclick(function() {
alert("لقد تم ضغط الزر بشكل مزدوج");
});
});
</script>
<input type="button" id="button" value="اضغط هنا">
انتقل إلى الرابط التالي لتشاهد كيف يعمل هذا الحدث: http://jsbin.com/delazakoloye/1/edit