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

  1. 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对象,两者并不等价

 

  1. 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对象

  1. dom对象转化成jquery对象

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

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

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

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页