jquery学习之0-dom对象和jquery对象的转换
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>
