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>
 8 <body>
 9     <input type="text" id="text1" value="text" />
10     <script type="text/javascript">
11         //dom对象获取
12         var text = document.getElementById("text1");
13         //alert(text1.value);
14
15         //jQuery获取
16         var $text1 = $(text1);
17         //alert($text1.val());
18         var $text2 = jQuery(text1);
19         //alert($text2.val());
20         var $text3 = $("#text1");
21         //alert($text3.val());
22
23         //jQuery转dom对象的两种方法
24         var text2 = $text1[0];
25         //alert(text2.value);
26         var text3 = $text1.get(0);
27         //alert(text3.value);
28
29         //dom对象转jQuery
30         var $text4 = $(text);
31         //alert($text4.val());
32     </script>
33 </body>
34 </html>

源码链接http://code.jquery.com/jquery-1.8.3.min.js

jQuery对象和dom对象的转换

原文地址：https://www.cnblogs.com/xiaostudy/p/9557442.html

时间： 2024-10-31 07:06:30

jQuery对象和dom对象的转换的相关文章

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对象的转换

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

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对象的转换-$('#id)[0]

取原生态的DOM对象,因为jquery会把选择器匹配的dom对象存放在以$.fn.init为构造函数生成对象的泛型数组里. 一直以来对于通过jQuery方式获取的对象使不能直接使用JavaScript的一些方法的,开始的时候不理解,现在此案知道,原来jQuery获得的对象并不和我们平时使用getElementById获得的对象是一样的对象.所以一些新手就很迷惑,为什么${"#Element"}不能直接innerHTML,这就是原因所在,解决方式请看下文.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

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

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

转：jQuery对象与dom对象的转换

jQuery对象与dom对象的转换发布时间:September 20, 2007 分类:JavaScript <新站上线的手记> <Discuz!多附件上传选择框之jQuery版> 最近在闲暇时间用jQuery搞了一个多文件上传的东东,顺便写点笔记. 一直以来对于通过jQuery方式获取的对象使不能直接使用JavaScript的一些方法的,开始的时候不理解,现在此案知道,原来jQuery获得的对象并不和我们平时使用getElementById获得的对象是一样的对象.所以一些新手就

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

什么是jQuery对象? —就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuery独有的,其可以使用jQuery里的方法. 比如: $(“#test”).html() 意思是指:获取ID为test的元素内的html代码.其中html()是jQuery里的方法这段代码等同于用DOM实现代码: document.getElementById(“id”).innerHTML; 虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同理

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