仓库: 可以把很多东西放到这个仓库里面.找东西只需要到仓库里面查找到就可以了
JavaScript库: 即library,是一个封装好的特定的集合(方法和函数).从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预选定义好的函数在里面,比如动画animate,hide,show,比如获取元素等
简单理解: 就是一个JS文件,里面对我们原生js代码进行了封装,存放到里面.这样我们可以快速高效的使用这些封装好的功能了.
JQuery封装了JavaScript常用的功能代码,优化了DOM操作,事件处理,动画设计和Ajax交互
JQuery的优点
- 轻量级 核心文件仅十几kb,不会影响页面加载速度
- 跨浏览器兼容,基本兼容了现在主流的浏览器
- 链式编程,隐式迭代
- 对事件,样式,动画支持,大大简化了DOM操作
- 支持插件扩展开发,有着丰富的第三方插件,例如
树形菜单,日期控件,轮播图 - 免费,开源
JQuery的入口函数
$(function(){
// 此处是页面DOM加载完成的入口
});
// 和上面的效果一样
$(document).ready(function(){
// 此处是页面DOM加载完的入口
});
- 等着DOM结构渲染完毕即可执行内部代码,不必等到所有外部资源加载完成,JQuery帮我们完成了封装
- 相当于原生js中的DOMContentLoaded
- 不同于原生js中的load事件是等页面文档,外部的js文件,css文件,图片加载完毕才执行内部代码.
<body>
<script>
//$('div').hide();
//1.等着页面DOM加载完毕再去执行js代码
// $(document).ready(function(){
// $('div').hide();
// })
//2.等着页面DOM加载完毕再去执行js代码
$(function(){
$('div').hide();
})
</script>
<div></div>
</body>
![[删除元素]Remove Element](/images/no-images.jpg)
![UIImage resizableImageWithCapInsets的方法讲解[转载]](http://91top-wordpress.stor.sinaapp.com/uploads/2013/09/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7-2013-09-04-10.39.10-PM.png)
