jQuery知识点总结（一）

1、什么是JQuery？

    它是js的一个框架，它是开源的项目。对底层的js进行封装，我们通过js框架就可以快速的完成DOM

    对元素的增删改查操作，并提供了动画功能。jquery对外提供api让开发者去开发jquery

    插件（就是一个功能模块，用户只要做一些简单的配置就完成复杂的功能）。jquery目前

    是比较流行的一个JQuery框架。（宗旨：写得少，做的多）。

 

2、JQuery特点:

   轻量级

   强大的选择器

   出色的DOM封装

   可靠的事件处理机制

   完善的Ajax

   出色的浏览器兼容性

   丰富的插件支持

   完善的文档

   支持链式操作

 

3、JQuery的环境配置

   1)官网：http://www.jquery.com

   2)去下载jquery库文件:

      通常有两个版本:

       *未压缩版本：--用在开发和调试。（我们下载此版本）

       *压缩版本:--产品发布的时候使用，可以提高性能和减少带宽

 

4、在html页面中如何使用jQuery？

    使用<script src="jquery.js" type="text/javascript"></script>引入

 

5、在<script></script>内编写jquery脚本

    /*当文档解析完毕好以后去执行一个函数*/

      /* jQuery(document).ready(function(){

          alert("hello,jQuery");

       });*/

 

      /* $(document).ready(function(){

        alert("hello,jQuery");

        })*/

 

       $(function(){

           alert("hello,jQuery");

       })

      注意:jQuery可以使用$符号作为别名。

 

      强调:和window.οnlοad=function(){}区别?

      *加载时机不同，$(function(){})优先于window.οnlοad=function(){}先执行

      *执行的次数不同，window.οnlοad=function(){}只会执行最后一个绑定的函数。

        $(function(){})可以绑定多个函数来分别执行。

 

6、JQuery对象和DOM对象之间的关系，他们之间如何去转换？

   *使用DOM方法来查询得到的结果是DOM对象，它只能访问DOM对象中所提供的属性和方法。

   *使用JQuery查询得到的结果是Jquery对象，它只能访问jQuery对象中所提供的属性和方法。

     也就是说JQuery对象不能调用DOM对象的属性和方法，反之也一样。

     注意:养成一个良好的书写习惯,JQuery对象的变量名最好以$开头。

 

   记住:JQuery查询出来的结果是一个对象数组，就算根据id来进行查询就是返回的是一个对象数组。

        数组内存放的是DOM对象。

 

   *JQuery对象转换成DOM对象，通过[下标]就可以转，或者get(下标)方法来取出数据就是DOM对象

   *DOM对象转换成JQuery对象，通过$()工厂函数就可以了，把DOM对象作为参数传给$()函数，那么

      就把DOM对象转换成了JQuery对象。