什么是Jquery?

jQuery是目前使用最广泛的javascript函数库

• jquery是一个函数库，一个js文件，页面用script标签引入这个js文件就可以使用。

<script type="text/javascript" src="js/jquery-1.12.2.js"></script>

jquery加载

<script type="text/javascript">

$(function(){

 ......

});

</script>

绑定click事件

$('#btn1').click(function(){

// 内部的this指的是原生对象

// 使用jquery对象用 $(this)

})

jquery特殊效果

fadeIn() 淡入

  $btn.click(function(){

    $('#div1').fadeIn(1000,'swing',function(){
    alert('done!');
    });

});

fadeOut() 淡出

fadeToggle() 切换淡入淡出

hide() 隐藏元素

show() 显示元素

toggle() 依次展示或隐藏某个元素

slideDown() 向下展开

slideUp() 向上卷起

slideToggle() 依次展开或卷起某个元素