第一章 认识jQuery

第一章 认识jQuery一、常见的JS库PRototype最早的js库之一。把好用JS方法组合，缺点结构松散。Dojo 离线存储API、生成图标组件、矢量图形库、Comet支持。企业级JS库，缺点文档不全、API不稳定。YUI 雅虎开发的富交互网页程序工具集。Exit JS侧重界面MooTools 模块化思想的轻量级JS框架jQuery 轻量级、强大选择器等。二、jQuery优势轻量级 30K左右强大选择器出色DOM封装可靠的事件处理机制Ajax完善不污染顶级变量浏览器兼容链式调用隐式迭代行为结构分离插件丰富文档完善开源三、编写注意事项链式调用是应该注意:

同一对象不超过3个操作，直接写为一行同一对象较多操作，每行写一个操作多个对象的少量操作，每对象写一行（子元素缩进）四、jQuery对象和DOM对象DOM对象是直接从DOM树获取的对象，可以使用JS方法，不可以使用jQuery方法。jQuery对象是指jQuery包装后的DOM对象，可以使用jQuery方法，不可以使用JS方法（通过jQuery对象获取的变量在前面加$以作区分）。

两者相互转换：

jQuery对象转换为DOM对象：[index] var dom=$("div")[0];get(index) var dom=$("div").get(0);DOM对象转换为jQuery对象： 直接使用$()打包DOM对象即可。五、jQuery与其他JS库冲突解决（$的让渡问题）对于jQuery，全局变量被存储在自己的命名空间中一般与其他库没有冲突

jQuery库在其他库后引入 jQuery.noConflict();//将变量$控制权让给其他库jQuery(function(){//使用jQuery//书写jQuery程序；});

2.

var$j=jQuery.noConflict();//自定义一个快捷方式$j(function(){//使用jQery，利用自定义的快捷方式——$j//书写jQuery程序；});

如果不想自定义还想使用$()，不管其他库$()方法，又不想与其他库冲突。使用：

jQuery.noConflict();//将变量$控制权让给其他库jQuery(function($){//使用jQery设定页面加载时执行的函，在函数内部继续使用$()//书写jQuery程序；});

jQuery.noConflict();//将变量$控制权让给其他库（function($){//定义匿名函数并设置形参为$,匿名函数内部的$均为jQery，在函数内部继续使用$()$(function(){//书写jQuery程序；});

})(jQuery) ;

jQuery库在其他库前引入 无需调用jQuery.noConflict()，直接使用jQuery做jQuery的是，其他函数库使用$()。