jQuery学习：设置使用原生js和jQuery读取input表单事件的内容

最新推荐文章于 2024-05-21 14:15:14 发布

¡Venceremo

最新推荐文章于 2024-05-21 14:15:14 发布

阅读量395

点赞数

分类专栏： jquery 文章标签： jquery javascript 学习

本文链接：https://blog.csdn.net/weixin_47295886/article/details/127746476

版权

jquery 专栏收录该内容

56 篇文章 1 订阅

订阅专栏

//使用jQuery
//生产使用压缩的
//绑定文档加载的完成事件监听

//给btn2绑定事件监听

两个jQuery引入方式：本地，在线cdn

//使用jQuery的方法

jQuery核心函数 $ 符号等价于jQuery

jQuery核心对象：执行$返回的对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			window.onload = function() {
				//使用原生的
				var btn1 = document.getElementById('btn1');
				btn1.onclick = function() {
					var input = document.getElementById('username');
					alert(input.value);
					input.value = "";
				}
			}
		</script>
		<script src="./js/jquery-3.6.1.js"></script>
		<script>
			使用jQuery
			//生产使用压缩的
			//绑定文档加载的完成事件监听
			$(function() {
				$('#btn2').click(function() {//给btn2绑定事件监听
					var input = $('#username');//获取节点
					alert(input.val());
					//设置value值
					input.val("")
				})
			})
		</script>
	</head>
	<body>
		用户名：<input type="text" id="username">
		<button id="btn1">确定（使用DOM）</button>
		<button id="btn2">确定（使用jQuery）</button>
	</body>
</html>

¡Venceremo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery学习：设置使用原生js和jQuery读取input表单事件的内容

jQuery核心对象：执行$返回的对象。两个jQuery引入方式：本地，在线cdn。jQuery核心函数 $//绑定文档加载的完成事件监听。//给btn2绑定事件监听。//使用jQuery的方法。//使用jQuery。
复制链接

扫一扫