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

初学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币,轻轻松松上两亿!)