征战jQuery

一：jQuery的用途

1》.访问 和 操作 DOM元素

2》.控制 页面样式

3》.对页面事件的处理

4》.方便的使用jQuery插件

5》.与Ajax技术的完美结合

二：jQuery的优势

jQuery主旨：wirte less，do more（以更少的代码，实现更多的功能）

1，轻量级

2，强大的选择器

3，出色的DOM封装

4，可靠的事件处理机制

5，出色浏览器 兼容

6，隐式迭代

7，丰富的插件支持

三：页面加载：window.onload 和$(document).ready()的区别

执行时机：前者必须等待 网页中所有的内容加载完毕后 才能执行，后者 网页中所有 DOM文档结构绘制完毕即可执行 ，可能与DOM相关联的元素并没有加载完成

编写个数：前者 只能编写 一个，后者能 输入多个

前者无简化写法 ，后者有。

四：jQuery语法结构

$(document).ready(...)分为三大部分  工厂 函数 ，选择器和方法

语法$(selector).action();

五：DOM对象与JQuery对象的相互 转换

A：使用$()进行 转换

var txtName = document.getElementById("id");  获得dom对象

var $txt = $(txtName)   转换 为jQuery对象

在事件中 经常使用$(this) ,this指触发该事件的名称

B：jQuery对象类似于数组对象可通过[index]的方法的都相应的DOM对象

var $txtName = $("#id");                   --jQuery对象

var txtName = $txtName[0]　　         --DOM对象

通过get(index)方法得到相应的DOM对象

var $txtName = $("#id");              --jQuery对象

var txtName = $txtName.get(0)     --DOM对象