Jquery

• 引用Jquery

<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()
  ('#div1').fadeIn(1000,'swing',function(){
  alert('done!');
  });
  });

fadeOut() 淡出
fadeToggle() 切换淡入淡出
hide() 隐藏元素
show() 显示元素
toggle() 依次展示或隐藏某个元素
slideDown() 向下展开
slideUp() 向上卷起
slideToggle() 依次展开或卷起某个元素