1.认识jQuery

jQuery是一个JavaScript库
jQuery具备简洁的语法和跨平台的兼容性
简化了JavaScript的操作

Document object model 文档对象模型

jQuery具备简洁的语法和跨平台的兼容性。简化了JavaScript操作。

美元符号代表jQuery

通过jQuery方法包装后的对象,是一个数组对象。

jQuery的功能和优势

轻量级 :jQuery引用的js文件小

强大的选择器:   JQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及JQuery独创的高级而且复杂的选择器,另外还可以加入插件使其支持XPath选择器,甚至开发者可以编写属于自己的选择器.

出色的 DOM 操作的封装 :JQuery封装了大量常用的DOM操作

可靠的事件处理机制:吸收了JavaScript专家Dean Edwards编写的事件处理函数

完善的 Ajax : JQuery将所有的Ajax操作封装到一个函数$.ajax()里,使得开发者处理Ajax的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题。

不污染顶级变量:只建立一个名为JQuery的对象,函数方法都在这个对象之下。其别名$也可以随时交流控制权,绝对不会污染其他的对象

出色的浏览器兼容性:JQuery能够在IE6.0+,FF 2+,Safari2.+和Opera9.0+下正常运行

链式操作方式 :最有特色的莫过于它的链式操作方式——即对发生在同一个JQuery对象上的一组动作,可以直接接连写无需要重复获取对象。

隐式迭代:用JQuery找到带有“.myClass”类的全部元素,然后隐藏他们时。无需循环遍历每一个返回的元素。相反,JQuery里的方法都被设计成自动操作的对象集合,而不是单独的对象,这使得大量的循环结构变得不再必要,从而大幅度地减少代码量。

行为层和结构层的分离:使用选择器选中元素,然后直接给元素添加事件。这种将行为层与结构层完全分离的思想,可以使JQuery开发人员和HTML或其他页面开发人员各司其职,摆脱过去开发冲突或个人单干的开发模式

丰富的插件支持:易扩展性,吸引了来自全球开发者来编写JQuery的扩展插件。目前已经有超过几百种官方插件支持

完善的文档: JQuery的文档非常丰富,现阶段多位英文文档,中文文档相对较少。很多热爱JQuery的团队都在努力完善JQuery中文文档

开源 :开源的产品


图片·引用


下载jQuery

网站:http://www.jq22.com/jquery-info122

jQuery库的类型分为两种,分别是生产版(最小压缩版)和开发版(未压缩版)

jquery.js(开发板) 用于测试,学习和开发;

Jquery.min.jsp(生产版) 经过工具压缩或经过服务器开启Gzip压缩,主要应用于产品和项目;

jQuery代码编写:


jQuery文档就绪函数

JavaScript和jQuery加载就绪函数的区别实例


  jQuery对象与DOM对象

jQuery对象与DOM对象的对比:

jQuery方法包装后的对象,是一个数组对象,而DOM对象就是一个单独的DOM元素。它与DOM对象完全不同,唯一相似的是它们都能操作DOM;
jQuery对象无法使用DOM对象的任何方法, 同样DOM对象也不能使用jQuery里的任何方法;
约定:如果获取的是 jQuery 对象, 那么要在变量前面加上 $.  
            var $variable = jQuery 对象

        var variable = DOM 对象
jQuery对象和DOM对象的区别是什么?
jQuery对象是以数组对象的形式存在的,DOM对象,他是一个文档对象模型,指某个元素
jQuery与DOM对象不同点:结构,jQuery是数组,js单一,(只能调用自己有的方法)
共同点:操作DOM
 jQuery对象转成DOM对象,有如下两种处理方法:
1.jQuery对象是一个数组对象,利用数组下标[index]的方法得到对应的DOM对象.
2.使用jQuery中的get(index)方法得到相应的DOM对象

09-09 21:36