jQuery的优势
- 轻量级。
- 强大的选择器。
- 出色的DOM包装。
- 可靠的事件处理机制。
- 完善的Ajax。jQuery所有的Ajax操作都包装在
$.ajax()
中。 - 不污染顶级变量。
- 出色的浏览器兼容性。
- 链式操作方式。
- 隐式迭代。
- 行为层与结构层的分离。
- 丰富的插件支持。
- 完善的文档。
- 开源。
- 14.
window.onload
与$(document).ready()
的对比
- 执行时机:
window.onload
:必须等待页面中的内容(包括图片)加载完毕后才能执行。$(document).ready()
网页中所有DOM结构绘制完毕后就执行,可能DOM元素关联的东西并没有加载完。
- 编写个数:
window.onload
:不能同时编写多个,下一个会覆盖上一个。$(document).ready()
:能同时编写多个。
- 简化写法:
window.onload
:无$(document).ready(function(){})
:可以简写成:$(function(){})
。
基础小知识
- jQuery代码风格:链式操作风格
- jQuery对象:就是通过jQuery包装DOM对象后产生的对象。
$('#foo').html();
:获取id为foo的元素内的html代码,相当于document.getElementById('foo').innerHTML
,其中html()
是jQuery中的方法。 - 平时用到的jQuery对象都是通过
$()
函数制造出来的,$()
函数就是jQuery对象的制造工厂。