jQuery 学习摘要(1)--jQuery优势,jQuery对象和DOM对象

常见的JavaScript库:

1.Prototype

2.Dojo

3.ExtJs

4.MooTools

5.jQuery

jQuery强调的理念是写的少,做的多(write less,do more).jQuery独特的选择器,链式操作,事件处理机制和封装完善的Ajax都是其他JavaScript库望尘莫及的.概括起来,jQuery有以下优势.

1.轻量级;

2.强大的选择器;

3.出色的DOM操作的封装;

4.可靠的事件处理机制;

5.完善的Ajax;

6.不污染顶级变量;

7.出色的浏览器兼容性;

8.链式操作方式;

9.隐式迭代;

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

11.丰富的插件支持;

12.完善的文档;

13.开源;

jQuery拥有强大的选择器,出色的DOM操作,可靠的时间处理,完善的兼容性和链式操作等;

用$(#id)取得的jQuery对象并非dom对象,两者并非等价:

jQuery和DOM对象要区分开,jQuery对象是jQuery独有的.如果一个对象是jQuery对象,那么使用jQuery里面的方法,如:$("#as").html();

这段代码等同于:document.getElementById("as").innerHTML;在jQuery中无法使用DOM中的方法,但jQuery对象提供了一套更加完善的工具用于操作DOM。

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

在讨论jQuery对象和DOM对象的相互转换之前,先约定好定义变量的风格.如果获取的对象是jQuery对象,那么在变量前加上$.

    jQuery变量定义:
var $vr=jquery 对象;   

    DOM变量的定义： var vr=DOM 对象；

1.如果jQuery没有封装想要的方法,那就不得不将jQuery对象转换成DOM对象了.处理方式:

(1)jQuery对象转换成DOM对象,jQuery对象是一个数组对象.即[index]和get[index],代码：

        var $cc = $("#cc"); //jquery对象，

        var cc = $cc[0]; //dom对象
alert(cc.checked);//检测checked是否被选中。

(2)jQuery本身提供的对象,通过get[index]方法得到相应DOM对象。

        var $cc = $("#cc"); //jquery对象

        var cc =$cc.get(0); //dom对象
alert(cc.checked);//检测checked是否被选中。

2.将DOM转换成jQuery对象,用$()把DOM对象包起来就可以获得一个jQuery对象了,方式为:$(DOM对象)。

        var cr=document.getElementById("cc");    //dom对象

        var $cr= $(cr);                    //jQuery对象

转换后就任意使用jQuery了.

(注意:平时使用的jQuery对象都是$()函数制造出来的,$()函数是Jquery的制造工厂.)