1、dom对象和jquery对象的相互转换
<html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <script type="text/javascript" src="jquery-1.3.1.js"></script> </head> <body> <input type="text" id="test" value="test"> <input type="button" value="提交" onclick="testing()"> <script type="text/javascript"> //纯js方法 var obj1=document.getElementById("test"); function testing(){ var obj1=document.getElementById("test"); window.alert(obj1.value); } //如果是jquery对象,规定一个jquery对象名是 $开头 var $obj2=$("#test"); window.alert($obj2.val()); //输出test //dom->jquery 对象 /* $(document).ready(function(){ var $obj3=$(obj1); //obj3就是jquery对象 window.alert($obj3.val()); });*/ //jquery->dom对象 //有两种方法.1. $(document).ready(function(){ //第一种方法 在jquery开发中，把一个对象当做集合处理 //var obj4=$obj2[0]; //obj4就是dom对象 //第二种方法 var obj4=$obj2.get(0); window.alert(obj4.value); //输出test }); </script> </body> </html>
