jQuery对象与DOM对象的转换，onload和ready的区别

jQuery：

         	1.使用jQuery能让我们对html文档遍历和操作，事件处理，动画，
         	以及ajax变得更加简单
         	2.jQuery是一款优秀的JavaScript库，从命名可以看出jQuery最主要的用途
         	是用来做查询(jQuery=js+Query)
         	3.jQuery程序中不管是页面元素的选择，内置的功能函数 都是美元符号"$"来起始的，
         	而这个"$"就是jQuery当中最重要且独有的对象,$()等效于jQuery()

window.onload和ready的区别：

window.οnlοad=function(){ };//javascript等待加载
$(document).ready(function(){ }); //jQuery等待加载

	1.window.onload必须等待页面加载完毕（包括图片等）然后再执行包裹的代码，
	 ready只需要等待页面DOM结构加载完毕，就能执行包裹的代码
	2.window.onload只能执行一次，如果执行第二次，那么第一次会被覆盖
	$(document).ready(function(){ });可以执行多次，不会被上一次覆盖
	3.window.onload没有简写，$(document).ready(function(){ });可简写为$(function(){ });
	 在开发中一般都用的简写

jQuery对象：

		1.jQuery对象是指使用jQuery工厂函数包装DOM元素所产生的对象
		2.jQuery对象实际上就是DOM对象的一个集合
		3.jQuery对象无法使用DOM对象属性方法，DOM对象也无法使用属性方法

开发规范约定：jQuery引用变量名称前加$
var $able = jQuery对象；
var able =DOM对象；

	document.getElementById("mydiv").innerHTML="你好！";
	$("#mydiv").html("你好！");//html()是jQuery对象的方法

DOM对象与jQuery对象相互转换：

DOM对象转换为jQuery对象：
	只需要用$()将DOM对象包装起来，就可以获得jQuery对象————$(DOM对象)
	var able =document.getElementById("mydiv");//DOM对象
	var $jQueryAble=$(able);//jQuery对象


jQuery对象转换为DOM对象：
   通过两种方式转换[index]和get(index)
   var $jQueryAble=$("#mydiv"); //jQuery对象
   1.var DOMable=$jQueryAble[0];//DOM对象
   2. var DOMable=$jQueryAble.get(0);//DOM对象
   总结：jQuery对象实际上DOM对象的一个集合