初始jQuery

1.jQuery简介

jQuery是JavaScript的程序库之一，它是JavaScript对象和实用函数的封装。

为什么要使用jQuery？

• 大大减少了代码量
• 使用jQuery制作交互特效语法更简单
• jQuery中不存在浏览器兼容性问题

jQuery只是JavaScript的程序库，相当于JavaScript技术的一个子集，所以它并不能完全取代JavaScript。

认识jQuery

1. jQuery是一个优秀的JavaScript库
2. jQuery可以很方便的获取和修改页面中的指定元素
3. 引入jQuery开发人员可以很便捷的控制页面的CSS文件
4. 引入jQuery后，可以使页面表现层和功能开发分离

jQuery的优势

1. 轻量级
2. 强大的选择器
3. 出色的DOM封装
4. 可靠的事件处理机制
5. 隐式迭代
6. 丰富的插件支持
7. 出色的浏览器兼容性

2.jQuery语法

jQuery语法结构

$(selector).action(); 
$等同于jQuery,用于将DOM对象转换为jQuery对象 
selector为选择器，如标签、类等
action为要执行的方法

window.onload与$(document).ready()的区别

window.onload	$(document).ready()
必须等网页所有内容加载完成后才能执行	网页中所有DOM文档结构绘制完毕后即可执行
同一个页面不能多次编写	同一个页面可以多次编写
没有简写方法	$(function(){})

jQuery程序的代码风格

//链式操作
$("h2").click(function(){
            $("h2").css("backgroundColor","#ccffff").next().css("display","block");
});
//隐式迭代
$("li").css({"fontWeight":"blod","color":"red"});

• 链式操作：对一个对象进行多重操作，并将操作结果返回给该对象，便于将返回结果应用与该对象的下一次操作
• 隐式迭代：不需要遍历所有元素，可以直接设置元素的样式

3.DOM对象和jQuery对象

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

jQuery对象
jQuery对象就是通过jQuer包装DOM对象后产生的对象，能够使用jQuery的方法。在jQuery对象中无法直接使用DOM对象的方法，DOM对象也不能使用jQue对象的方法。

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

• DOM对象转换为jQuery对象

var txtName = document.getElementById("txtName");
var $txtName = $(txtName);

• jQuery对象转换为DOM对象

var txtName = $("txtName")[0];  //通过下标
var txtName = $("txtName").get(0);  //通过get方法

DOM对象只能使用DOM中的方法，jQuery对象不可以直接使用DOM中的方法，但jQuery对象提供了一套更加完善的对象成员用于操作DOM。