أحداث مكتبة 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