* jQuery库文件
名称 | 大小 | 说 明 |
jquery-1.版本号.js(开发版) | 约268KB | 完整无压缩版本,主要用于测试、学习和开发 |
jquery-1.版本号.min.js(发布版) | 约91KB | 经过工具压缩或经过服务器开启Gzip压缩,主要应用于发布的产品和项目 |
* $(document).ready()和window.onload的不同
window.onload | $(document).ready() | |
执行时机 | 必须等待网页中所有的内容加载完毕后(包括图片、flash、视频等)才能执行 | 网页中所有DOM文档结构绘制完毕后即刻执行,可能与DOM元素关联的内容(图片、flash、视频等)并没有加载完 |
编写个数 | 同一页面不能同时编写多个 | 同一页面能同时编写多个 |
简化写法 | 无 | $(function(){ //执行代码 }) ; |
* DOM模型
浏览器可以把HTML文档显示成可视图形
浏览器把HTML文档的元素转换成节点对象
把这些节点对象按照一定的顺序绘制到浏览器窗口中
以对象描述文档的方式就是DOM
节点对象就被成为DOM对象
* 节点对象
元素节点:文档中的所有元素
文本节点:元素节点内的文本内容
属性节点:元素节点的子节点
* DOM对象和jQuery对象 (DOM对象和jQuery对象分别拥有一套独立的方法,不能混用)
DOM对象:直接使用JavaScript获取的节点对象
jQuery对象:使用jQuery包装DOM对象后产生的对象,它可以使用jQuery中的方法
* jQuery 语法结构
$(selector).action();
工厂函数$():将DOM对象转化为jQuery对象
选择器 selector :获取需要操作的DOM元素
方法action() :jQuery中提供的方法,其中包括绑定事件处理的方法