أحداث مكتبة jQuery

تعريف

أحداث مكتبة jQuery تقوم بربط الدوال مع عنصر معين.

يمكن أخذ مثال عن أحداث مكتبة jQuery كعندما يضغط المستخدم على زر أو يقوم بإدخال نص أو يحرك مؤشر الفأرة فوق منطقة محددة في الصفحة.

أحداث مكتبة jQuery

حدث blur()

يقوم الحدث 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()

يقوم الحدث 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()

يقوم حدث 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()

يقوم حدث 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

Document Tags and Contributors

 Contributors to this page: Syrian-Guy
 Last updated by: Syrian-Guy,