1、jQuery概述

JQuery基本功能 

①　访问和操作Dom元素 

②　控制页面样式 

③　对页面事件的处理 

④　大量插件在页面中的运用 

⑤　与Ajax技术的完美结合 

 

 

$(document).ready与window.onload

$(document).ready(function(){})与window.onload=function(){} 

执行时间不同：前者在页面框架下载完毕后就执行；而后者必须在页面全部加载完毕后才能执行。前者执行效率高于后者。

执行数量不同：前者可以重复写多个，并且每次执行的结果不同；而后者尽管可以执行多个，但仅输出最后一个执行结果，无法完成多个结果的输出。 

前者可以简写成$(function(){})。

 

 

jQuery访问DOM对象

传统JavaScript访问DOM对象

var tDiv = document.getElementById("divTmp");
var oDiv = tDiv.innerHTML;

jQuery访问页面元素的方法

var tDiv = $("#divTmp");
oDiv.html(tDiv);