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

طريقة hide() لـ jQuery

طريقة تأثير jQuery

يخفي العناصر المحددة باستخدام طريقة hide().

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

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

النحو:

$(selector).hide(duration, easing, callback)

مثال

هذا المثال يخفي الفقرات على الصفحة عند النقر على الصفحة:

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

إخفاء جميع عناصر <p> عند النقر على الزر:

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

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

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

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

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

الرسوم المتحركة لجميع المدخلات (في هذه الحالة كلمة) تتم إخفاءها بسرعة، وتكمل كل رسوم متحركة في 200 ميليسي ثانية:

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

إخفاء عنصر span عند النقر فوقه لأكثر من 2 ثانية، ثم حذف العنصر عند الإخفاء:

$("span").click(function(){
  $(this).hide(2000, function(){
    $(this).remove();
  });
});
اختبر لمعرفة‹/›

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

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

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

  • المللي ثانية (مثل 100، 500، 2000 وما إلى ذلك)

  • “swing”

  • “slow”

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

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

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

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

callbackاختياري: دالة يتم استدعاؤها بعد اكتمال دالة hide()، مرة واحدة لكل عنصر مختار

طريقة تأثير jQuery