jQuery入门

jQuery 是一套JavaScript库，是一个由Jpohn Resig创建于2006年1月的开源项目。jQuery凭借简洁的语法和跨平台的兼容性，极大地简化了Javascript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax的操作。
进入jQuery的官方网站： http://jquery.com/ 可以下载最新的jQuery库

jQuery库类型说明

jQuery库的类型分为两种:分别是生产版（压缩版）和开发版（未压缩版）

jQuery环境配置

jQuery不需要安装，把下载的jquery.js放到网站上的一个公共位置，想要在某个页面上使用jQuery时，只需要在相关的HTML文档中引入该库文件的位置即可。

导入jQuery.js文件之后，就可以写jQuery函数了，jQuery的入口函数，形式如下:

这段代码的作用类似于传统的JavaScript中的window.onload方法，不过与window.onload还是有些区别的。

jQuery对象和Dom对象

1.DOM对象

DOM(Document Object Model,文档对象模型)，每一份DOM都可以表示成一棵树。

可以把上述的HTML结构描述为一颗DOM树。

在这棵DOM树中,<h3> <p> <ul>以及<ul>的3个<li>子节点都是DOM元素节点。可以通过JavaScript中的getElementsByTagName或者getElementById来获取元素节点。像这样得到的DOM元素就是DOM对象。DOM对象可以使用的JavaScript中的方法，示例如下：   var domObj = document.getElementById("id");//获取DOM对象   //使用JavaScript中的属性---innerHTML    var objHTML = domObj.innerHTML;

2.jQuery对象

jQuery对象就是通过jQuery包装DOM对象后产生的对象。
jQuery对象是jQuery独有的。如果一个对象是jQuery对象，那么就可以使用jQuery里的方法。例如：

//获取id为demo的元素内的html代码。.html()是jQuery里的方法$("#demo").html();

这段代码等同于：

document.getElementById("demo").innerHTML;

注意：用#id作为选择符取得的是jQuery对象而非document.getElementById(“id”)所得到的DOM对象，两者并不等价。
在jQuery对象中无法使用DOM对象的任何方法。

3.jQuery对象和DOM对象的相互转换

在讨论之前，先约定好定义变量的风格，如果获取的对象时jQuery对象，那么在变量前面加上,，例如：varvariable = jQuery对象;
如果获取的是DOM对象，则如下：
var variable = DOM对象;

.jQuery对象转成DOM对象
jQuery对象提供了两种方法将一个jQuery对象转换成DOM对象，即[index]和get(index)。
(1)jQuery对象是一个类似数组的对象，可以通过[index]的方法得到相应的DOM对象。

  var #demo = $("#demo");//jQuery对象  var demo = $demo[0];  //DOM对象

(2)另一种是jQuery本身提供的，通过get(index)方法得到相应的DOM对象。
var demo=(“#demo”); //jQuery对象
var demo = $demo.get(0); // DOM对象
DOM对象转成jQuery对象
对于一个DOM对象，只需要用()把DOM对象包装起来，就可以获得一个jQuery对象了。方式为(DOM对象)。

var demo = document.getElementById("demo");//DOM对象var $demo = $(demo);   //jQuery对象

通过以上方法，可以任意的相互转换jQuery对象和DOM对象。
注意：DOM对象才能使用DOM中的方法，jQuery对象不可以使用DOM中的方法，但jQuery对象提供了一套更加完善的工具操作DOM。后续我还会写博客来向大家解释我的理解。

提醒：
平时用到的jQuery对象都是通过$()函数制造出来的，$()函数就是一个jQuery对象的制造工厂。$("#ID")用来代替document.getElementById()函数，即通过ID获取元素；
$("tagName")用来代替document.getElementsByTagName()函数，即通过标签名获取HTML元素，其他选择器的写法后续我也会通过博客分享给大家的。