了解jQuery并掌握jQuery对象和DOM对象的区别

jquery的优势：

1.  开源--开放源代码
2.  轻量级   
3.  强大的选择器
4.  出色的dom操作(对dom元素的一个增删改查)
5.  完善的ajax，出色的浏览器兼容性，丰富的插件支持，完善的文档（说明书）
6.  链式操作方式，  写得少，做的多

使用jquery:

1. 下载jquery文件
2. 把文件放入到项目中去
3. 在页面当中引入jquery文件（选中jquery文件直接拖拽过去到（head标签里面或者body里面））

jquery对象和dom对象的区别

一：//取得jsdom对象：

1.       var name = document.getelementbyid("name");
2.       alert(name.value);  //通过获取到的对象得到它的值、

二：//获得jquery对象

1.       var $name = $("#name");

三：dom对象与jquery对象互相转换

　　可以把jquery对象看做dom对象的数组，因此    可以通过索引下标在jquery中获取dom对象

• 方法一：jquery对象 --- >dom对象
• var $name1 = $(name);  //获取jquery对象
• var name1 = $name.get(0);   //把jquery对象转换为dom对象；
• 方法二：dom对象--- >jquery对象
• var name = document.getelementbyid("name");//获取dom对象
• var $name=$(name); //把dom对象转换为jquery对象

四：jquery函数（窗体加载事件）：

1.jquery(document).ready(function(){ 需要执行的代码})  ====》  $(function(){ 需要执行的代码  })    （简写方式，常用）

•     $(function(){ 需要执行的代码  }) ===》 js的   window.onload=function(){ }

 

2.body的onload事件（js窗体加载事件）和jquery窗体加载事件的区别：

 

• 一般onload事件只有一个，如果页面有多个onload事件，只执行最后一个，而jquery文档加载完毕函数可以有n多个，而且每一个都会按照顺序依次执行  
• jquery的文档加载完毕函数执行事件要早于body的onload事件(尤其是页面上有大量的图片需要加载的时候，两者之间的差异就更明显)