DOM对象:(Document Object Model,文档对象模型),俗称构建网页结构的基本标签,如html head body title h1等。 jQuery对象:通过jQuery包装DOM对象后产生的对象。如$("#foo").html(); //获取id为foo的元素内的html代码。 区别:在jQuery中无法使用DOM对象的任何方法,同样在DOM中也无法使用jQuery方法。 转换: jQuery对象转换为DOM对象:jQuery对象是一个数组对象,可通过数组下表来查找。 1. [index]方法: var $cr=$("#cr"); var cr=$cr[0]; alert(cr.checked); 2. get(index)方法: var $cr=$("#cr"); var cr=$cr.get(0); alert(cr.checked); DOM对象转为jQuery对象:只需用$()把DOM对象包装起来,就可以获得一个jQuery对象。 var cr=document.getElementById("cr"); var $cr=$(cr); 2. 解决jQuery和其他库的冲突: jQuery库在其他库之后导入:调用jQuery.noConflict()函数来将变量$的控制权移交给其他库。 jQuery.noConflict(); //将变量$的控制权移交给prototype.js jQuery(function(){ //使用jQuery jQuery("p").click(function(){ alert(jQuery(this).text()); }); }); $("pp").style.display="none"; //使用Prototype jQuery库在其他库之前导入,则无需调用jQuery.noConflict()函数 |
|