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() 依次展开或卷起某个元素。

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

推荐阅读更多精彩内容

  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,211评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,406评论 0 2
  • 第一章 事件篇 鼠标事件 1. click与dbclick事件 click(): 监听用户的单机操作 dbclic...
    七弦桐语阅读 487评论 0 2
  • 请记得在进行JQuery类库的运用时,加入JQuery类库,并且要保证先写文档就绪函数 $(document).r...
    Sunshinemm阅读 2,932评论 1 40
  • 选择器选择器是jQuery的核心。 事件 动画 扩展
    wyude阅读 492评论 0 1