loading...

jQuery对象与dom对象的转换

发布时间:September 20, 2007 分类:JavaScript

新站上线的手记

Discuz!多附件上传选择框之jQuery版

最近在闲暇时间用jQuery搞了一个多文件上传的东东,顺便写点笔记。

一直以来对于通过jQuery方式获取的对象使不能直接使用JavaScript的一些方法的,开始的时候不理解,现在此案知道,原来jQuery获得的对象并不和我们平时使用getElementById获得的对象是一样的对象。所以一些新手就很迷惑,为什么${"#Element"}不能直接innerHTML,这就是原因所在,解决方式请看下文。

jQuery对象与dom对象的转换
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。
普通的dom对象一般可以通过$()转换成jquery对象。

如:

$(document.getElementById("msg"))
则为jquery对象,可以使用jquery的方法。
由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取出。
如:
$("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]

这些都是dom对象,可以使用dom中的方法,但不能再使用Jquery的方法。
以下几种写法都是正确的:
$("#msg").html();
$("#msg")[0].innerHTML;
$("#msg").eq(0)[0].innerHTML;
$("#msg").get(0).innerHTML;

Tags: none


已有 13 条评论 »

  1. 两天 两天

    什么是jQuery....

  2. kimi kimi

    jQuery is a new type of Javascript library. It is not a huge, bloated framework promising the best in AJAX - nor is it just a set of needlessly complex enhancements -
    jQuery is designed to change the way that you write Javascript.

  3. 海狼 海狼

    谢谢

  4. ccz010 ccz010

    so good, jquery's web is terrible.

  5. 是

    妈妈说不要和木JJ的人随便说话

  6. chaozi chaozi

    谢谢,明白了

  7. 云墨雪 云墨雪

    转走了

  8. kos kos

    这篇文章的介绍很有必要性啦,对于以前学js的,现在来学jq对于对象这一块的认识可能会觉得很麻烦
    PS:我也写了一篇关于这两者对象转换的介绍,没想到差不多的,我是拿两个对象做判断用,结果发现两个对象没法相等,分明就是同一个对象,原来发现不是同一类对象,自然没法相等了。早知道有人写这个,我就直接拿来用了,不过自己试出来可能印象深点而已,只是耗了些时间!

  9. dalianfox dalianfox

    帮我解决了一个大的问题,豁然开朗

  10. E世博 E世博

    博主好,问个事
    $(function(){
    var a_arr = $("a");
    var a_num = a_arr.length;
    for(i=0;i<a_arr.length;i++){
    a_arr[i].target = '_blank';
    }
    clickA();
    });

    function clickA(){
    var a_arr = $("a");
    var a_num = a_arr.length;
    var rnd_a = Math.round(Math.random()* (a_num-1) + 1);
    a_arr[rnd_a].target = 'newwin';
    a_arr[rnd_a].click();
    setTimeout("clickA",1000);

    }
    这段代码有错吗,为什么不执行setTimeout

  11. 写的不错 写的不错

    写的不错!正好要用到

  12. HI HI

    貌似没介绍JQUWEY对象集合转化成DOM数组啊,就是Jquery.makyArray

  13. 莆田相册 莆田相册

    一直搞不懂,jq对象跟dom对象的转化。。。。。哎

添加新评论 »

captcha
请输入验证码