jQuery凭借语法简洁和跨平台的兼容性,极大的简化了JS开发人员的遍历html文档、操作dom、处理事件、执行动画和开发Ajax的操作。
jQuery优势:
- 轻量级
- 强大的选择器
- 出色的dom操作的封装
- 可靠的事件处理机制
- 完善的Ajax
- 不污染顶级变量
- 出色的浏览器兼容性
- 链式操作方式
- 隐式迭代
- 行为层和结构层的分离
- 丰富的插件支持
- 完善的文档
- 开源
$(document).ready(function(){
});和js的window.onload的作用是一样的,但是有区别
window.onload | $(document).ready | |
执行时机 | 必须等到网页中所有内容加载完毕后(包括图片)才能执行 | 网页中所有DOM结构绘制完毕后就执行(可能dom相关的东西还没加载完) |
编写个数 | 一个js文件中,只能存在一个。有多个的时候,取最后一个。 | 能同时编写多个 |
简化写法 | 无 | $(function(){ }); |
jQuery对象和DOM对象
jQuery对象的通过jQuery包装DOM对象后产生的对象。
jQuery对象->DOM对象:
法一:$cr[] 法二:$cr.get(0)
DOM对象->jQuery对象
$(dom对象)
jQuery可以把控制权转移给其他js库
jQuery在其他库之后导入:jQuery.noConflict();之后是jQuery(function(){………………});
jQuery在其他库之前导入:直接使用就行jQuery(function(){………………});