jquery学习之0-dom对象和jquery对象的转换

浏览数：20 / 时间：2015年06月09日

jquery对象和dom对象可以相互转换，转换如下。备注：使用时jquery对象和dom对象方法不能混用。jquery对象最好是以$开头命名方式

 1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 3 <html>
 4   <head>   
 5     <title>jquery 学习</title>
 6     <script type="text/javascript" src="js/jquery-1.11.0.js">
 7     </script>
 8     <script type="text/javascript">
 9     function test()
10     {        
11         var obj1=document.getElementById("test");
12         window.alert(obj1.value);
13         var $obj2=$(‘#test‘);
14         alert($obj2.val());        
15         //jquery对象和dom对象可以相互转换
16         //dom->jquery
17         var $obj3=$(obj1);
18         window.alert($obj3.val());
19         //jquery把一个对象当做集合处理
20         //两种方法jquery->dom
21         var obj4=$obj2[0];//此处obj4是一个dom对象
22         alert("value="+obj4.value);
23         //第二种方法
24         var obj5=$obj2.get(0);
25         alert("dom对象"+obj5.value);
26     }
27     $(document).ready(function()
28     {
29         window.alert("hello");
30     });
31     
32     </script>
33   </head>
34   
35   <body>
36     <input type="text" id="test" value="hha"/>
37     <input type="button" onclick="test()" value="点击"/> 
38     <br>
39   </body>
40 </html>