(一)jQuery概述

jQuery概述

1.  概念

        l   jQuery是继prototype之后又一个优秀的Javascript库,是一个由John Resig创建于20061月的开源项目。

        l   现在的jQuery团队主要包括核心库、UI和插件等。

        l   jQuery凭借着简洁的语法和跨平台的兼容性,极大地简化了javascript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax的操作。

2. jQuery的优势

       jQuery的宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。

    l   轻量级

       jQuery非常轻巧,采用Dean Edwards编写的Packerhttp://dean.edwards.name/packer/)压缩后,大小不到30KB。如果使用Min版并且在服务器端启用Gzip压缩后大小    只有18KB

  l   强大的选择器

       jQuery允许开发者使用从CSS1CSS3几乎所有的选择器,以及jQuery独创的高级而复杂的选择器。另外还可以加入插件使其支持XPath选择器,甚至开发者可以编写属于  自己的选择器。

  l   出色的DOM操作的封装

       jQuery封装了大量常用的DOM操作,使开发者在编写DOM操作相关程序的时候能够得心应手。

  l   可靠的事件处理机制

        吸收了javascript专家Dean Edwards编写的事件处理函数的精华,使得jQuery在处理事件绑定的时候非常可靠。在预留退路、循序渐进以及非入侵式变成思想方面,jQuery  做得非常不错。

  l   完善的Ajax

       使开发者处理Ajax的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题。

  l   不污染顶级变量

      jQuery只建立一个名为jQuery对象,其所有的函数方法都在这个对象之下。

  l   出色的浏览器兼容性

      jQuery修复了一些浏览器之间的差异,使开发者不必在开展项目前建立浏览器兼容库

  l   链式操作方式

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

  l   隐式迭代

  l   行为层与结构层的分离

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

  l   丰富的插件支持  后期扩展非常方便..

      jQuery的易扩展性,吸引了来自全球的开发者编写jQuery的扩展插件。目前已经有超过几百种的官方插件支持,而且还不断有新插件面世。

  l   完善的文档

      jQuery的文档非常丰富。

3. DOM对象

       DOM解析HTML页面,将页面元素解释为元素节点、属性节点和文本节点。

         而通过DOM解析HTML页面元素,所得到的DOM元素就是DOM对象。

       DOM对象可以使用JavaScript中的方法。

4. jQuery对象

       jQuery对象就是通过jQuery包装DOM对象后产生的对象。

       jQuery 对象是 jQuery独有的。

         虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法。乱使用会报错。(要调用先转换

     约定:如果获取的是 jQuery 对象,那么要在变量前面加上 $

5. DOM对象转成jQuery对象

       对于已经是一个DOM对象,只需要用$()DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象)

6. jQuery对象转成DOM对象

       两种转换方式将一个jQuery对象转换成DOM对象:[index].get(index);

           (1)jQuery对象是一个数组对象,可以通过[index]的方法,来得到相应的DOM对象

          (2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象

猜你喜欢

转载自blog.csdn.net/u011380972/article/details/48896651
今日推荐