JQuery简介

5.1.1 为什么选择JQuery

JQuery是JavaScript对象和实用函数封装的。
使用JQuery和单纯使用JS相比最大的优势就是能使页面在各个浏览器页面上保持统一的显示效果，不存在浏览器兼容问题

5.1.2 JQuery的用途

1）访问和操作DOM元素
2）控制页面样式
3）对页面事件进行处理
4）方便的使用JQuery插件
5）与Ajax技术完美结合

5.1.3 JQuery语法结构

JQuery语法结构：
$(选择器).方法

DOM对象和JQuery对象

5.2.1 DOM对象

DOM是"Doument Objiet Model (文档对象模型)的英文单调首字母的编写如类似HTML. XML 等属于文档类型的语言，才具有DOM。

每个HTML页面，都具有一一个DOM,每个DOM都可以表示成一棵树，在这棵树里存在许多不同类型的节点，有些DOM节点还包含其他类型的节点。DOM里的节点通常分为三种类型即元素节点文本节点和属性节点。

5.2.2 JQuery对象

JQuery对象就是通过JQuery包装后产生的的对象

5.2.3 JQuery对象与DOM对象的相互转换

1）JQuery对象转换成DOM对象
JQuery提供了两种方法，即 [index] ，get(index)

(1)JQuery对象是类似于数组的对象，可以用[index] 的方法获取相应的DOM对象

var stxtName =$ ("#txtName");  //jQuery对象
var txtName =StxtName[0];      //DOM对象
alert (txtName . checked)      //检测这个checkbox是否被选中了


(2)通过get(index)方法得到相应的DOM对象。代码如下。
var StxtName =$ ("#txtName") ;   //jQuery对象
var txtName =$txtName.get(0);    //DOM对象
alert (txtName . checked)        //检测这个checkbox是否被选中了

2）DOM对象转换成JQuery对象
对于DOM对象，是需要加上给一个$()函数，就可以转换成JQuery对象

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

JS_05-初识JQuery