jquery点击事件驱动获取值

最新推荐文章于 2023-03-08 14:46:38 发布

hyg.

最新推荐文章于 2023-03-08 14:46:38 发布

阅读量189

点赞数

本文链接：https://blog.csdn.net/m0_59776219/article/details/119705865

版权

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="js/jquery-3.2.1.min.js"></script>
<title>Document</title>
</head>
<body>


<div>
<span>请输入姓名：</span><input type="text" name="" id="uname"><br/>
<span>请输入密码：</span><input type="password" name="" id="upwd" class="pwd"><br/>
<span>请输入重复密码：</span><input type="password" name="" id="cpwd" class="pwd"><br/>
<input type="button" id="ureg" value="注册">
</div>
<script>
$(function(){
//事件驱动，第一步就要找到哪个按钮（元素），第二步给与这个按钮xx事件，第三步发送ajax，等等改变元素样式

$('#ureg').click(function(){
//id选择器
var uname = $('#uname').val();
var upwd = $("#upwd").val(); //val() 取值
console.log(uname+upwd);
//class选择器
var pwd = $(".pwd");
console.log(pwd);
//element元素/标签选择器
var span=$("span");
console.log(span);
//并列选择器
var binglie=("#uname #upwd");
console.log(binglie);
//通配符选择器
var all=$("*");
console.log(all);
})
});
</script>
</body>
</html>