Jquer简介

　　　　说到jquery就不得不提到javascript,javascript是为了适应动态网页制作的需要而诞生的一种编程语言,使得网页和客户之间实现了一种实时,动态,交互性的关系.而jquery是用javascript封装出来的.

其它的javascript库:

prototype,Dojo,YUI,ExtJS,MooTools

jquery的优势:

jquery的理念:写得少,做得多(write less ,do more).

1>轻量级

2>强大的选择器:支持css1到css3的大部分选择器,还有部分自己特有的选择器.

3>出色的dom操作封装

4>可靠的事件处理机制

5>完善的Ajax

6>不污染顶级变量(闭包)

7>出色的浏览器兼容性

8>链式操作方式:即对发生在同一个jquery对象的一组动作,可以连写而无需重复获取对象

9>行为层和结构层的分离:不需要再去html调事件,而是直接使用jquery选择器选中元素,然后添加元素事件

10>丰富的插件支持

11>完善的文档

12>开源

13>隐式迭代

jquery对象和dom对象:

dom对象:通过javascript取出的dom元素.

jquery对象:是通过jquery包装dom对象后产生的对象

(dom对象不能使用jquery对象的方法,同理jquery对象不能使用dom对象的放法.在必要时则需要转换)

dom对象->jquery对象:

var user = document.getElementById("user");//获取dom对象
var $user=$(user);//将获取的dom对像转换为jquery对象

jquery对象->dom对象:

var $user =$("user");//获取jquery对象
var user=$user[0];//将获取的jquery对象转化为dom对象
//或者下面的方法
var user=$user.get(0)

jquery库与其他库冲突问题:
当项目中有多种jquery库是,为了避免"$"对象的冲突,可以使用jquery中的noConflict()来解决,而且还需要注意javascript库的引入顺序.

 

 

注:

1.常以"$"开头表示jquery对象.

2.似乎在查找元素时才有隐式迭代效果,要遍历所得到的的集合 ,应用each()方法.

3.如果没有特别说明,"$"都是jquery的一个简写方式.如:$.ajax和jquery.ajax是等价的.

 

 下面是我写的思维导图:

 

 

 

 

新手上路,请多指教,万分感激

转载于:https://www.cnblogs.com/zhouzhenglin/p/3422023.html