jQuery对象与dom对象的转换-$('#id)[0]

取原生态的DOM对象，因为jquery会把选择器匹配的dom对象存放在以$.fn.init为构造函数生成对象的泛型数组里。

一直以来对于通过jQuery方式获取的对象使不能直接使用JavaScript的一些方法的，开始的时候不理解，现在此案知道，原来jQuery获得的对象并不和我们平时使用getElementById获得的对象是一样的对象。所以一些新手就很迷惑，为什么${"#Element"}不能直接innerHTML，这就是原因所在，解决方式请看下文。jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。普通的dom对象一般可以通过$()转换成jquery对象。

如：


则为jquery对象，可以使用jquery的方法。由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。如：




这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。以下几种写法都是正确的：






$("#msg").html();




$("#msg")[0].innerHTML;




$("#msg").eq(0)[0].innerHTML;




$("#msg").get(0).innerHTML;










$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]










$(document.getElementById("msg"))






jQuery对象与dom对象的转换-$('#id)[0]
				


				
时间： 2024-12-20 17:55:30 

		


		


	

	
	

		


		
jQuery对象与dom对象的转换-$('#id)[0]的相关文章


						

		

			

                jQuery对象与DOM对象转换
			

		

		

									

				原文链接 http://www.cnblogs.com/ouyangping/p/6439939.html jQuery对象与DOM对象是不一样的 通过一个简单的例子,简单区分下jQuery对象与DOM对象: <p id="imooc"></p> 我们要获取页面上这个id为imooc的div元素,然后给这个文本节点增加一段文字:"hello,world",并且让文字颜色变成红色. 通过标准JavaScript处理: var p = docum			

		

	

				

		

			

                jQuery对象与DOM对象之间的转换
			

		

		

									

				什么是DOM对象 使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象.比如使用document.getElement*系列的方法返回的就是dom对象. var btn = document.getElementById("btnShowDiv"); var divs = document.getElementsByTagName("div"); dom对象只可以使用dom对象的方法和属性 domObject.innerHTML = "			

		

	

				

		

			

                JQuery对象与DOM对象的区别与转换
			

		

		

									

				1.jQuery对象和DOM对象的区别 DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象; eg: var domObj = document.getElementById("id"); //DOM对象var $obj = $("#id"); //jQuery对象; jQuery对象就是通过jQuery包装DOM对象后产生的对象,它是jQuery独有的.如果一个对象是jQuery对象,那么就			

		

	

						

		

			

                jQuery对象和Dom对象的区分以及之间转换
			

		

		

									

				刚开始学习jQuery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象.至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换. 一,什么是jQuery对象? 1.就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuery独有的,其可以使用jQuery里的方法. 比如: $("#test").html() 意思是指:获取ID为test的元素内的html代码.其中html()是jQuery里的方法 这段代码等同于用DO			

		

	

				

		

			

                02.jquery对象和dom对象转换.html
			

		

		

									

				<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.8.3.js"></script> </head> <body> <input type="text" id="usernam			

		

	

				

		

			

                3.jquery对象和dom对象转换
			

		

		

									

				<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.8.3.js"></script> </head> <body> <input type="text" id="usernam			

		

	

				

		

			

                jQuery对象和dom对象的转换
			

		

		

									

				1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Insert title here</title> 6 <script type="text/javascript" src="js/jquery-1.8.3.js"></script> 7 </head&g			

		

	

				

		

			

                jQuery对象与dom对象的转换
			

		

		

									

				jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法.注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是 jquery对象.普通的dom对象一般可以通过$()转换成jquery对象.如:$(document.getElementByIdx_x("msg"))则为jquery对象,可以使用jquery的方法.由于jquery对象本身是一个集合.所以如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取			

		

	

				

		

			

                jQuery对象和DOM对象区别及其转换
			

		

		

									

				jQuery对象是通过jQuery包装DOM对象后产生的对象. DOM对象可以使用js中的方法 jQuery对象无法使用DOM对象中的方法: 举个例子: $("#foo").html();//这个就是jquery的方法 等同于下面 document.getElementById("foo").innerHTML;//这个就是js方法: 1.jQuery对象转换成DOM对象 (1)jQuery对象是一个类似数组的对象,可以通过[index]和get(index). v