diff options
Diffstat (limited to 'files/ar/أحداث_مكتبة_jquery/index.html')
| -rw-r--r-- | files/ar/أحداث_مكتبة_jquery/index.html | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/files/ar/أحداث_مكتبة_jquery/index.html b/files/ar/أحداث_مكتبة_jquery/index.html new file mode 100644 index 0000000000..bd2307f8ce --- /dev/null +++ b/files/ar/أحداث_مكتبة_jquery/index.html @@ -0,0 +1,63 @@ +--- +title: أحداث مكتبة jQuery +slug: أحداث_مكتبة_jQuery +--- +<h1 id="تعريف">تعريف</h1> +<p>أحداث مكتبة jQuery تقوم بربط الدوال مع عنصر معين.</p> +<p>يمكن أخذ مثال عن أحداث مكتبة jQuery كعندما يضغط المستخدم على زر أو يقوم بإدخال نص أو يحرك مؤشر الفأرة فوق منطقة محددة في الصفحة.</p> +<h1 id="أحداث_مكتبة_jQuery">أحداث مكتبة jQuery</h1> +<h2 id="حدث_blur()">حدث blur()</h2> +<p>يقوم الحدث blur() بمعالجة دالة ما عندما يفقد مربع إدخال النصوص المحدد إمكانيته على الإدخال,مثال:</p> +<pre dir="ltr"><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"> +</pre> +<p>إنتقل إلى الرابط التالي لتشاهد كيف يعمل هذا الحدث: <a href="http://jsbin.com/tibequrucelu/1/edit">http://jsbin.com/tibequrucelu/1/edit</a></p> +<hr> +<h2 id="حدث_change()">حدث change()</h2> +<p>يقوم الحدث change() بمعالجة دالة ما عندما يتغير محتوى مربع إدخال النصوص,مثال:</p> +<pre dir="ltr"><script src="http://code.jquery.com/jquery-latest.js"></script> +<script> +$(document).ready(function() { +$("#text").change(function() { +alert("<div dir="rtl">لقد تغير محتوى النص</div>"); +}); +}); +</script> +<input type="text" id="text"> +</pre> +<p>انتقل إلى الرابط التالي لتشاهد كيف يعمل هذا الحدث: <a href="http://jsbin.com/getigucoqeba/1/edit">http://jsbin.com/getigucoqeba/1/edit</a></p> +<hr> +<h2 id="حدث_click()">حدث click()</h2> +<p>يقوم حدث click() بمعالجة دالة ما عندما يتم الضغط بزر الفأرة الأيسر على العنصر المحدد,مثال:</p> +<pre dir="ltr"><script src="http://code.jquery.com/jquery-latest.js"></script> +<script> +$(document).ready(function() { +$("#button").click(function() { +alert("<div dir="rtl">لقد تم ضغط الزر</div>"); +}); +}); +</script> +<input type="button" id="button" value="<div dir="rtl">اضغط هنا</div>"> +</pre> +<p>انتقل إلى الرابط التالي لتشاهد كيف يعمل هذا الحدث: <a href="http://jsbin.com/radepuyuwexe/1/edit">http://jsbin.com/radepuyuwexe/1/edit</a></p> +<hr> +<h2 id="حدث_dblclick()">حدث dblclick()</h2> +<p>يقوم حدث dblclick() بمعالجة دالة ما عندما يتم الضغط بشكل مزدوج بإستخدام زر الفأرة الأيسر على العنصر المحدد,مثال:</p> +<pre><script src="http://code.jquery.com/jquery-latest.js"></script> +<script> +$(document).ready(function() { +$("#button").dblclick(function() { +alert("<div dir="rtl">لقد تم ضغط الزر بشكل مزدوج</div>"); +}); +}); +</script> +<input type="button" id="button" value="<div dir="rtl">اضغط هنا</div>"> +</pre> +<p>انتقل إلى الرابط التالي لتشاهد كيف يعمل هذا الحدث: <a href="http://jsbin.com/delazakoloye/1/edit">http://jsbin.com/delazakoloye/1/edit</a></p> |