jQuery笔记

说到jQuery，首先有必要了解一下javascript：

 

javascript是Netscape公司开发的一种脚本语言。javascript的出现使得网页和用户之间实现了一种实时的、动态的和交互的关系，使网页可以包含更多活跃的元素和更加精彩的内容。但是存在三个弊端：    1.复杂的文档对象模型（DOM）     2.不一致的浏览器实现和便捷的开发    3.调试工具的缺乏

 

jQuery是继Prototype之后又一个优秀的JavaScript库，是一个由John Resig创建于2006年1月的开源项目。jQuery凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax的操作。其独特而又优雅的代码风格改变了JavaScript程序员的设计思路和编写程序的方式。

 

jQuery的优势：

 

1.轻量级

 

2.强大的选择器

 

3.出色的DOM操作的封装

 

4.可靠的事件处理机制

 

5.完善的Ajax

 

6.不污染顶级变量

 

7.出色的浏览器兼容性

 

8.链式操作方式

 

9.隐式迭代

 

10.行为层与结构层的分离

 

11.丰富的插件支持

 

12.完善的文档

 

13.开源

 

 

jQuery对象：通过jQuery包装DOM对象后产生的对象。

jQuery对象是jQuery独有的。如果一个对象是jQuery对象，那么就可以使用jQuery里的方法。

例如：$("#div1").html();     等同于：   document.getElementById("div1").innerHTML;

 

注意：DOM对象不能使用jQuery对象的方法。

 

 

 

jQuery对象转成DOM对象

1.jQuery对象是一个类似数组的对象，可以通过[index]的方法得到相应的DOM对象。

代码：

var $cr=$("#cr");

var cr=$cr[0];

 

2.这种方法由jQuery本身提供，通过get(index)方法得到相应的DOM对象。

代码：

var $cr=$("#cr");

var cr=$cr.get(0);

 

DOM对象转换成jQuery对象

只需要用$()把DOM对象包起来，就可以获得一个jQuery对象。

代码：

var cr=document.getElementById("cr");

var $cr=$(cr);

 

 

 

 

jQuery通过选择器来获取元素选择器的优势有：

1.简洁的写法

 

2.支持CSS1到CSS3选择器

 

3.完善的处理机制

 

jQuery选择器分为：基本选择器（最常用）、层次选择器、过滤选择器、表单选择器。