jQuery简介

jQuery是一个实用的JavaScript库。jQuery极大地简化了JS对DOM的操作，实现一些常用的方法，jQuery还可以链式操作。

 

获取jQuery

1.cdn加速
一般都用百度
script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
2.直接下载jQuery，去官网下载https://code.jquery.com/jquery-3.6.0.js
3.npm install jquery

jQuery效果

1.显示和消失：

$("#show").hide(2000);

$("#show").show(2000);

$("#show").toggle(2000);

Toggle是开关的意思，可以控制的出现，消失。

 

2.滑动：

有三种方法，slideDown()、slideUp()、slideToggle()

slideDown()用于向下滑动的元素

slideUp()方法，用于向上滑动的元素

slideToggle()方法可以在slideDown()与slideUp()方法之间进行切换，如果元素向下滑动，则slideToggle()可以向上滑动它们，如果元素向上滑动，则slideToggle()可以向下滑动它们。

 

3.淡入淡出效果：

淡出的效果

$(".wrap").fadeOut();

淡入的效果

$(".wrap").fadeIn();

淡入/出效果切换

$(".wrap").fadeToggle(1000); 

改变元素的透明度

$(".wrap").fadeTo(1000,0.5);