1.Prototype(http://www.prototypejs.org/)
2.Dojo(http://dojotoolkit.org/)
3.YUI(http://developer.yahoo.com/yui/)
4.ExtJS(http://www.sencha.com/products/extjs/)
5.MooTools(http://mootools.net/)
6.jQuery(http://jquery.com)
1.轻量级:压缩版本只有100KB左右
2.强大的选择器:从CSS1到CSS3大概有60多种选择器
3.出色的DOM操作的封装:对页面元素的操作更加方便
4.可靠的事件处理机制:事件兼容性高
5.完善的Ajax
6.不污染顶级变量:(function(xxx){})闭包
7.出色的浏览器兼容性
8.链式操作方式
9.行为层与结构层的分离
10.丰富的插件支持
11.完善的文档
12.开源
13.隐式迭代
window.onload和$(document).ready()对比表
window.onload $(document).ready() 执行时机 必须等待网页中所有的内容加载完毕后(包括图片)才能执行 网页中所有DOM结构绘制完毕后就执行 编写个数 不能同时编写多个 能编写多个 简化写法 无 可以简写为$(function(){});
1.DOM对象:
文档对象模型(DOM,Document Object Model),每一份DOM都可以表示一颗树.
2.jQuery对象
jQuery对象就是通过jQuery包装DOM对象后产生的对象
注意:用#id作为选择符取得的是jQuery对象而非document.getElementById("id")所得到的DOM对象,两者并不等价.
两个对象的相互转换
1.jQuery对象转换为DOM对象:
jQuery对象[index] 或者 jQuery对象.get(index)
2.DOM对象转换为jQuery对象:
$(DOM对象)
jquery.noConflict();//将变量$的控制权让给其它库
jquery(function()());使用jquery,不再使用$