1. 程式人生 > >3.jquery對象和dom對象轉換

3.jquery對象和dom對象轉換

put jquer htm dom對象 .get clas jquery alert tex

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

  

3.jquery對象和dom對象轉換