方法代码JQuery对象和DOM对象的区别

工作之余抽点时间出来写写博文，希望对新接触的朋友有帮助。今天在这里和大家一起学习一下方法代码

    初学jQuery，会对jQuery对象和DOM对象心存很大的困惑，因此有要必白明他们之间的区分和联系。

    DOM对象是我们用传统的方法（javascript）得获的对象，jQuery对象就是用jQuery的库类选择器得获的对象。JQuery对象就是通过jQuery包装DOM对象后发生的对象。JQuery对象是jQuery有独的，其可以应用jQuery里的方法，但是不能应用DOM的方法；

    例如：

    $("#color").html();//取获id为color的元素内的html码代，html()是jQuery特有的方法;
它等同于:
document.getElementById("color").innerHTML;

    DOM对象就是javascript固有的一些对象。DOM对象能应用javascript固有的方法，但是不能应用jQuery面里的方法。

    例如$("#id").innerHTML 和$("#id").checked之类的写法都是误错的，可以用$("#id").html()和$("#id").attr("checked")之类的 jQuery方法来替代。

    var domObj =document.getElementById("id"); //DOM对象
var $obj =$("#id"); //jQuery对象;

    每日一道理
人生是洁白的画纸，我们每个人就是手握各色笔的画师；人生也是一条看不到尽头的长路，我们每个人则是人生道路的远足者；人生还像是一块神奇的土地，我们每个人则是手握农具的耕耘者；但人生更像一本难懂的书，我们每个人则是孜孜不倦的读书郎。

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

    jQuery对象转换成DOM对象

    jquery供给了两种方法将一个jquery对象转换成一个dom对象，即[index]和get(index)。可能有人会得觉奇异，怎么是用下标呢，没错，jquery对象就是一个数组对象.
上面码代将演示一个jquery对象转换成dom对象，再应用dom对象的方法

    码代如下:

    var$cr=$("#cr"); //jquery对象
var cr = $cr[0]; //dom对象 也可写成 var cr=$cr.get(0);
alert(cr.checked); //检测这个checkbox是不是给中选

    dom对象转换成jquery对象
对于一个dom对象，只要要用$()把dom对象包装起来，就能够得获一个jquery对象了，方法为$(dom对象);
复制码代 码代如下:

    varcr=document.getElementById("cr"); //dom对象
var $cr = $(cr); //转换成jquery对象

    转换后可以意任应用jquery中的方法了.

     

文章结束给大家分享下程序员的一些笑话语录： 腾讯的动作好快，2010年3月5日19时28分58秒，QQ同时在线人数1亿！刚刚看到编辑发布的文章，相差才2分钟，然后连专题页面都做出来了，他们早就预料到了吧？（其实，每人赠送10Q币，轻轻松松上两亿！）