<!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>
