因为vue看不懂所以先来学jQuery的第一个代码

最新推荐文章于 2024-11-21 18:00:17 发布

前端学习小分队

最新推荐文章于 2024-11-21 18:00:17 发布

阅读量89

点赞数

文章标签： javascript 前端 jquery

本文链接：https://blog.youkuaiyun.com/weixin_45215652/article/details/121576047

版权

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 原生DOM实现 -->
		<script type="text/javascript">
			window.onload = function(){
				var btn01 = document.getElementById("btn01");
				btn01.onclick = function(){
					document.getElementById("username").value;
					alert(username.value);
				
				};
				
			};
		</script>
		<!-- jQuery实现 -->
		<script type="text/javascript" src="JS/jquery-1.12.3.js"></script>
		<script type="text/javascript">
			$(function(){
				$('#btn02').click(function(){ //给btn02绑定监听
					var username = $('#username').val();
					alert(username);
				})
			})
		</script>
	</head>
	<body>
		用户名:<input type="text" id="username">
		<button id="btn01">确定（原生版）</button>
		<button id="btn02">确定（jQuery版）</button>
	</body>
</html>