jquery

document.ready和onload的区别：

 $(document).ready()和window.onload在表面上看都是页面加载时我们就去执行一个函数或动作，但是在具体的细节上$(document) ready()和window onload还是有区别的。

最基本的区别

1.执行时间

　　window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 

　　$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。

2.编写个数不同

　　window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个 

　　$(document).ready()可以同时编写多个，并且都可以得到执行

3.简化写法

　　window.onload没有简化写法 

　　$(document).ready(function(){})可以简写成$(function(){});

该方法<code>querySelector()</code> 返回element文档中与指定选择器或选择器组匹配的第一个。如果未找到匹配项，<code>null</code>则返回。

<code>语法：element = document.querySelector(selectors);</code>

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。