jQuery是Javascript的封装库

目前几种流行的Javascript库:

　　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)

 jQuery的优势

　　1.轻量级:压缩版本只有100KB左右

　　2.强大的选择器:从CSS1到CSS3大概有60多种选择器

　　3.出色的DOM操作的封装:对页面元素的操作更加方便

　　4.可靠的事件处理机制:事件兼容性高

　　5.完善的Ajax

　　6.不污染顶级变量:(function(xxx){})闭包

　　7.出色的浏览器兼容性

　　8.链式操作方式

　　9.行为层与结构层的分离

　　10.丰富的插件支持

　　11.完善的文档

　　12.开源

　　13.隐式迭代

jQuery的入门与使用

window.onload和$(document).ready()对比表

  window.onload $(document).ready()
执行时机 必须等待网页中所有的内容加载完毕后(包括图片)才能执行 网页中所有DOM结构绘制完毕后就执行
编写个数 不能同时编写多个 能编写多个
简化写法 无 可以简写为$(function(){});

 

jQuery对象和DOM对象

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库与其它库冲突问题

jquery.noConflict();//将变量$的控制权让给其它库

jquery(function()());使用jquery,不再使用$