jquery对象和DOM对象的相互转换

1. jquery是什么？

jQuery是js的一个库，封装了开发过程中常用的一些功能，方便我们来调用，提高了我们的开发效率

2. 学习jquery主要学什么？

学习jquery封装好的功能方法（API），特点是几乎全是方法。所以在使用jquery的API时都是方法调用，也就是说要加小伙好()，小括号里面是相应的参数，参数不同，功能就不同

3. jQuery的特点

1. 链式编程
2. 隐式迭代（迭代就是for循环遍历）
3. 在jquery中依旧可以写js的代码

4. jquery的入口函数

1、页面上所有文档加载完毕，图片不加载的时候执行该函数

$(document).ready(function(){    

});

2、页面上的图片加载完毕之后才执行该函数

    $(function(){

});

3、页面上的文档和图片都加载完毕就执行该函数

    $(window).ready(function(){

});

4、区别于原生的JS入口函数：页面上文本和图片都加载完毕之后执行该函数

window.onload = function(){};

5、jquery入口函数和JS入口函数的区别

（1）书写个数不同：JS入口函数只能出现一次，出现多次会讯在事件覆盖的问题；jquery入口函数可以出现任意多次，不会存在时间覆盖问题

（2）执行时机不同

    <1>JS入口函数实在所有文件资源加载完毕后才执行，包括：页面文档、外部的js文件、外部的css文件、图片等

    <2>jquery的入口函数实在文档加载完成后就执行。文档加载完成指的是DOM树加载完成猴就可以操作DOM了，不用等到所有的外部资源都加载完成

5. jquery的符号

1. jquery的命名允许以数字作为变量名开头
2. $符号

（1）$ === jquery

（2）$实际上是一个函数，根据传入参数的不同进行不同的调用，实现不同的功能，返回的是jquery对象

例如：

    $(); à 调用自定义的函数

    $(document).ready(function(){}); à 调用入口函数

    $(“#btnShow”) à 获取id属性为btnShow的元素

    $(“div”) à 获取所有的div元素

6. jquery对象和DOM对象的相互转换

1. DOM对象在这里指的是使用js操作DOM返回的结果

例如：

    var btn = document.getElementById(“btnShow);   //这里的btn就是一个DOM对象

2. jquery对象在这里指的是：使用jquery提供的操作DOM的方法返回的结果

jquery拿到DOM对象后又对其做了封装，让其具有了jquery方法的jquery对象（就是把DOM对象重新包装了一下）

3. jquery对象是一个数组，数组中包含原生js中的DOM对象，无论你怎么去获取jquery结果都是数组类型的
4. js对象转换成jquery对象(转换之后就有了juquery对象的方法)：$(js对象)
5. jquery对象转换成js对象（转换之后就可以使用js对象的用法）：jquery[索引值]或jquery.get(索引值)