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对象的一个集合

最后

以上就是爱听歌机器猫最近收集整理的关于jQuery对象与DOM对象的转换，onload和ready的区别的全部内容，更多相关jQuery对象与DOM对象内容请搜索靠谱客的其他文章。