jquery学习笔记----初识jquery

jquery对象和dom对象

dom对象(documentobject model)文档对象模型

通过document.getElementById("")和document.getElementByNames("")得到的dom元素就是dom对象。例如：

vardomObj = document.getElementById("id"); // 获得DOM对象

varObjHTML = domObj.innerHTML; //使用JavaScript中的方法innerHTML

jquery对象：就是通过jquery包装dom对象后产生的对象。

注意：jQuery对象将无法使用DOM对象的任何方法。比如

$("#id").innerHTML、$("#id").checked之类的写法都是错误的。同样，DOM对象也不能使用jQuery的里方法，

比如document.getElementById("id").html()也会报错，

只能用document.getElementById("id").innerHTML;

特别要注意，用#id作为选择符取得的是jQuery对象而并非document.getElementById("id")所得到的DOM对象，两者并不等价

 

jquery对象和dom对象转换

两种方式将jquery对象转换成dom对象：

1).jquery对象是一个数组对象，可以通过[index]方式获取

如： var $a=$("#a");     //得到jquery对象

         var a = $a[0];           // 得到dom对象

2). 另一种方式是通过jquery自己的方法，get(index)获取

        

var $a=$("#a");      //得到jquery对象

            var a = $a.get(0);           // 得到dom对象

dom对象转化成jquery对象

对于已经是一个dom的对象只需要将$()包装起来就是jquery对象了。

例如：var a =document.getElementById("a");        // dom对象

             var $a =$(a);                                                       //jquery对象