<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.8.3.js"></script> </head> <body> <input type="text" id="username" value="jack"/> </body> <script type="text/javascript"> //1.dom转jquery //1.1获取dom var user=document.getElementById("username"); //1.2通过$(dom对象)就可以转换成jquery对象 var $user=$(user); alert($user.val()); //2.jquery对象转dom对象 //2.1获取jquery对象 var $username=$("#username"); //2.2通过jquery对象的get(索引)方法获取dom对象 var username=$username.get(0); alert(username.value); //2.3也可以通过jquery对象的索引值获取dom对象 username=$username[0]; alert(username.value); </script> </html>