首页 > Web开发 > 详细

jQuery对象和dom对象的转换

时间:2018-08-29 23:40:34      阅读:192      评论:0      收藏:0      [点我收藏+]

 

 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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!