码迷,mamicode.com
首页 > Web开发 > 详细

jQuery对象和dom对象的转换

时间:2018-08-30 00:04:10      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:targe   com   charset   html   两种方法   两种   asc   dom   ref   

 

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

标签:targe   com   charset   html   两种方法   两种   asc   dom   ref   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!