English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

طريقة عرض jQuery show()

طرق التأثير jQuery

يظهر الطريقة show() العناصر المخفية.

ملاحظة:العناصر المخفية لن تؤثر على تصميم الصفحة.

ملاحظة:إذا تم استخدام !important في النمط، مثل عرض: none !important، فإن هذا الطريقة لن تغطي !important.

ملاحظة:يستخدم هذا الطريقة للاعتبارات التي يتم إخفاؤها باستخدام طرق jQuery، في CSS display:none (ليسvisibility:hidden)).

يستخدم هذا الطريقة عادة معhide()استخدام الطرق معًا.

القواعد النمطية:

$("selector").show(مدة, منحنى، استدعاء)

مثال

أظهر جميع عناصر <p> عند النقر على الزر:

$("button").click(function(){
  $("p").show();
});
اختبار لمعرفة‹/›

استخداممدة التشغيلالمعدلات:

$("button").click(function(){
  $("p").show(1000);
});
اختبار لمعرفة‹/›

استخدامcallbackالمعدلات:

$("button").click(function(){
  $("div").show(1000, function(){
    alert("DIV مرئی");
  });
});
اختبار لمعرفة‹/›

تحريك جميع الأشرطة (في هذا المثال ككلمة) بسرعة وإكمال كل تحريك في 200 ملي ثانية:

$("button").click(function(){
  $("span:first-child").show("fast", function(){
    $(this).next().show("fast", arguments.callee);
  });
});
اختبار لمعرفة‹/›

قيمة المعلمات

المعلماتوصف
مدة التشغيلخياري) يحدد مدة تشغيل تأثير العرض. القيمة المسبقة هي 400 ملي

القيم الممكنة:

  • ملي (مثل 100، 500، 2000، إلخ)

  • “fast”

  • “slow”

easingخياري) نص، يحدد سرعة العنصر في مراحل مختلفة من التحريك. القيمة الافتراضية هي “swing”

القيم الممكنة:

  • “swing”-تحريك ببطء عند البداية والنهاية، والتحريك بسرعة في الوسط

  • “linear”-تحريك بسرعة ثابتة

callbackدالة معينة يتم استدعاؤها بمجرد إكمال طريقة show()، مرة واحدة لكل عنصر مختار

طرق التأثير jQuery