JQ

1.简单介绍

JQ是JS写的插件库，说白了，就是一个js文件

凡是用jq能实现的，js都能实现，js能实现的，jq却不一定能实现

引入方式

本地文件引入

CDN引入（https://www.bootcdn.cn/jquery/）

基本内容

    
    




    
1
    
2
    
3
    
4




 

each函数

    
    


    

        
1
        
2
        
3
        
4
    
    
    

输出：

• 我是第0个

• 我是第1个

• 我是第2个

• 我是第3个

2.基本使用

操作标签属性

    
    
    


    

        
1
        
2
        
3
        

            
1
            
2
            
3
            
4
        
    
    
    

Apache ECharts这是一个实例比较多的网站

操作样式

事件

    
    
        



    
1
    
2
    
3
    
4




 

3.动画

不传参 瞬间显示隐藏 传一个数字参数，代表毫秒，改变宽，高，透明度

show 显示

hide 隐藏

toggle

默认时间300毫秒 改变透明度

fadeIn

fadeOut

fadeTo(1000,0.1) 可以把透明度设置一个值，时间参数不能省略

默认时间300毫秒 改变高度

slideDown

slideUp

slideToggle 改变高度

这三组，不仅仅可以接受一个数字参数，能接受的参数有：

number / string 代表动画时间（可缺省）毫秒数 / ('fast' 'normal' 'slow')

string 代表运动曲线 （可缺省）

function 代表回调函数（可缺省）

    
    
    
?


  

    
    

 

动画案例

    
    
    
?