<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery/jquery-1.8.3.min.js"></script>
</head>
<body>
<div id="title"><h2>jquery实列</h2></div>
<a href="www.baidu.com">百度</a>
<a href="www.163.com">网易</a>
<input type="text" class="txt" value="ht1"/>
<input type="text" class="txt" value="ht2"/>
<input type="button" class="txt" value="ok"/>
<!--<script>-->
<!--alert(document.getElementById("btn").value);-->
<!--alert(document.getElementsByTagName("a").length);-->
<!--alert(document.getElementById("title").innerHTML);-->
<!--</script>-->
<!--<script>-->
<!--alert(jQuery("#btn").val());-->
<!--alert(jQuery("a").size());-->
<!--alert(jQuery(".txt").size());-->
<!--alert(jQuery("#title").html());-->
<!--</script>-->
<script>
alert($("#btn").val());
alert($("a").size());
alert($(".txt").size());
alert($("#title").html());
</script>
</body>
</html>
一步步的演化过程!