jQuery对象和DOM对象的转换 系统管理员 2022-03-22 12:00 269阅读 0赞 jQuery对象:通过jQuery包装DOM对象后产生的对象。 注意:jQuery对象无法使用DOM对象的任何方法,同理,DOM对象也无法使用jQuery对象的任何方法。 所以涉及到转换: 其中DOM对象也包含了一些jQuery对象没有包含的成员,但总体来说,jQuery对象要丰富得多。 如果获取的对象是jQuery对象,**在变量前加上$** var $variable=jQuery 对象; 获取的是DOM对象 var variable=DOM 对象; **jQuery对象转换成DOM对象** jQuery提供了两种方法将一个jQuery对象转换成一个DOM对象,即\[index\]和get(index) **(1)jQuery对象是一个类似数组的对象,可以通过\[index\]的方法得到相应的DOM对象** var $txtName=$("#txtName"); //jQuery对象 var txtName=$txtName[0]; //DOM对象 alert(txtName.checked);//checked和innerHTML都是DOM对象的方法 **(2)通过get(index)方法得到相应的DOM对象** var $txtName=$("#txtName"); //jQuery对象 var txtName=$txtName.get(0); //DOM对象 alert(txtName.checked); jQuery对象转成DOM对象并不多见(在实际开发中),但是有些情况:如outerHTML属性,通过该属性可以输出相应的DOM元素的完整的HTML代码,而jQuery没有直接提供该功能。 **DOM对象转换成jQuery对象** 对于一个DOM对象,只需要$()函数将DOM对象包装起来,就可以获得一个jQuery对象。 $(DOM对象); var txtName=document.getElementById("txtName"); //DOM对象 var $txtName=$(txtName); //jQuery对象 注意:DOM对象只能使用DOM中的方法,jQuery对象不可以直接使用DOM对象中的方法
还没有评论,来说两句吧...