مثال على استخدام methods show وhide في jQuery

تحليل استخدام الطريقة show و hide في jQuery. يشارك الجميع كمرجع، ويتمثل فيما يلي:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <style type="text/css">
    *{font-size:12px;}
    div{width:600px;margin:auto;}
    #control{background-color:gold;padding:10px;}
  </style>
  <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function () {
      $("#btnDisplay").click(function () {
        $("#message").show(3000);
      });
      $("#btnHide").click(function () {
        $("#message").hide(3000);
      });
    });
  </script>
</head>
<body>
  <div id="control">
    <input id="btnDisplay" type="button" value="إظهار div" />
    <input id="btnHide" type="button" value="إخفاء div" />
  </div>
  <div id="message">
    الفرق بين mouseover و mouseenter: div يحتوي على div آخر. راجع الملاحظات. له علاقة بتسرب الأحداث. <br /> 
    سيتم إطلاق أحداث mouseover سواء مر مؤشر الفأرة عبر العنصر المحدد أو عبر عناصر فرعية <br />
    سيتم إطلاق أحداث mouseenter فقط عند مرور مؤشر الفأرة عبر العنصر المحدد (لن يتم إطلاق الأحداث عبر العناصر الفرعية)
  </div>
</body>
</html>

يمكن للقراء المهتمين بمزيد من المعلومات حول jQuery النظر في مواضيع هذا الموقع: 'تحليل تقنيات تحكم النافذة jQuery'، 'تحليل تأثيرات السحب والسحب jQuery'، 'تحليل الإضافات الشائعة واستخدامات jQuery'، 'تحليل استخدام Ajax في jQuery'، 'تحليل تقنيات تحكم جدول jQuery'، 'تحليل تقنيات التوسيع jQuery'، 'تحليل تأثيرات كلاسيكية jQuery'، 'تحليل استخدامات الرسوم المتحركة والتحكم في jQuery'، و 'تحليل استخدامات محددة jQuery'.

آمل أن يكون هذا المقال قد ساعد الجميع في تصميم برامج jQuery.

إعلان: محتوى هذا المقال تم جمعه من الإنترنت، ويتمتع المالك الأصلي بحقوق الطبع والنشر، ويتم جمع المحتوى من قبل المستخدمين عبر الإنترنت بطرقهم الخاصة، ويتمتع هذا الموقع بعدم امتلاك حقوق الملكية، ولا يتم تعديل المحتوى بشكل يدوي، ولا يتحمل هذا الموقع أي مسؤولية قانونية. إذا رأيت محتوى يشتبه في حقوق الطبع والنشر، فأنت مرحب بك في إرسال بريد إلكتروني إلى: notice#oldtoolbag.com (عند إرسال البريد الإلكتروني، يرجى استبدال # بـ @) للإبلاغ، وقدم الأدلة ذات الصلة، وسيتم حذف المحتوى المزعوم الذي يشتبه في حقوق الطبع والنشر على الفور.

تعليميات الأساس

أنت قد تحب