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

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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。