JQuery与DOM之间的关系

1.$(document).ready  和  window.onload 的区别
window.onload   必须等页面资源加载完毕才能执行(包括音频视频)
只能写一个，只会执行最后一个
没有简化写法


$(document).ready()  只需要把页面中的DOM树加载出来就可以执行
可以写多个 
简写 $(function(){})


作用是防止阻塞页面


2.DOM 对象
//通过DOM方法获得的对象就是DOM对象
var p = document.getElementById('p');
alert(p.innerHTML); //11111
//DOM对象中不能使用任何jquery中的方法，只能使用jquery方法


//jquery 对象不能使用DOM对象中的方法，只能使用jquery的方法
//如果DOM中的方法在jquery库中被改写过，那么就可以使用DOM对象的方法。比如length tostring


3.Jquery对象 和 DOM对象互相转化
jquery对象---->DOM对象
1.使用index 索引的啥意思
2.使用get(索引)的方法
alert(input[0].value);
alert(input.get(0).value);
//jquery 转换成 dom 对象
// 1.刻意使用索引，index
// 2.使用get(index) 的方法


dom对象------>jquery对象
1.使用$() 把dom对象封装起来


4.jquery 和其他js库共存(不冲突)
使用jQuery.noConflict() 方法释放 $ 的权。当然，和引入的先后次序也有关系
在大型项目中，可能会用到不止一个库，比较常用
jquery是大小写敏感的！！！！