jQuery |效果完整参考

jQuery 是一个流行的 JavaScript 库，它能够极大地简化 HTML 文档遍历、事件处理、动画设计和 Ajax 交互等。在本篇文章中，我们将完整地介绍 jQuery 库中提供的一些效果，让您快速地了解如何在您的网页中引入这些效果。

1. hide() 和 show()

hide() 方法用于隐藏一个 HTML 元素，而 show() 方法则相反，它用于显示一个 HTML 元素。

Hide an HTML element:
$("#element").hide();

Show an HTML element:
$("#element").show();

2. fadeIn() 和 fadeOut()

fadeIn() 方法用于淡入显示一个 HTML 元素，而 fadeOut() 方法则相反，它用于淡出隐藏一个 HTML 元素。

Fade in:
$("#element").fadeIn();

Fade out:
$("#element").fadeOut();

3. slideUp() 和 slideDown()

slideUp() 方法用于向上滑动隐藏一个 HTML 元素，而 slideDown() 方法则相反，它用于向下滑动显示一个 HTML 元素。

Slide up:
$("#element").slideUp();

Slide down:
$("#element").slideDown();

4. animate()

animate() 方法用于创建 CSS 动画效果。

Animate:
$("#element").animate({
    width: "50%",
    opacity: 0.5,
    marginLeft: "50px"
}, 1000);

5. addClass() 和 removeClass()

addClass() 方法用于添加一个 CSS 类，而 removeClass() 方法则相反，它用于删除一个 CSS 类。

Add a class:
$("#element").addClass("newClass");

Remove a class:
$("#element").removeClass("oldClass");

6. toggle()

toggle() 方法用于在显示和隐藏之间切换一个 HTML 元素。

Toggle:
$("#element").toggle();

以上就是 jQuery 库中提供的一些常用效果，您可以根据需要在您的网页中使用。