你的位置:首页 > Java教程

[Java教程]javascript中jQuery对象和dom对象


1  dom对象属于文档对象模型,而Query对象是将dom对象一个或多个进行包装而成,所以说dom对象可以看做一个个体,而jQuery看做多个dom对象的集合。

2  jQuery和dom没有包含和被包含的关系,所以说jQuery对象不能调用dom方法或者属性,同理于dom,

{   ($("#swap").innerHTML="嵌入文本"

      getElementById("wrap").html('嵌入文本')

}都是错误的。

3  jQuery和dom对象是可以相互转换的,正是由于这一点,常见方法是通过dom抓取对象,再将它封存为jQuery对象,原因是jQuery对象不需要操作时不需要遍历。

4 jQuery对象与dom对象转换方法  

     jQuery转换为dom对象  

               {

                 var $li=$("li");

                  var li=$li[0];

                 li.innerHTML;

                }

             {

             var $li=$("li");

             var li=$li.get(0);  // 调用domget方法

            alert(li.innerHTML);

              }

    dom对象转换为jQuery对象

                {

                 var li=getElementById('li');        //获取所有li元素

                 var $li=$(li);                            //把获取的li元素封装成jQuery对象

                 alert($li.html());

                 }