代码改变世界

jquery与dom对象相互转换

2010-09-22 17:01  一片温柔  阅读(165)  评论(0)    收藏  举报

在使用jquery的过程中,常常会遇到jquery对象和dom对象互相转化的问题,怎么相互转换呢?

 

1、dom对象转换成jquery对象

    用$()即可把一个dom对象转换成jquery对象。如下所示:

 

    var hrdom= document.getElementById("hr2001");  //DOM对象

    var obj = =$(hrdom);    //jquery对象,然后就可以使用obj.html() 这样的方法了

 

2、讲Jquery对象转换成dom对象

     A:通过[index]的方法转换成dom对象,如下所示:

          var content = $("li[class='resultlist_content']");  //jquery对象

           alert(content [0].id);  //假设content.length>0。可以通过content [0] 获取一个dom对象,然后使用其属性id

 

    B:通过get(index)方法转换成dom对象,如下所示:

            var content = $("li[class='resultlist_content']");  //jquery对象

            var dom = content .get(0);   //假设content.length>0

            alert(dom.id);            //使用dom对象属性id

 

keyword:jquery dom 对象相互转化