|
<!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>
? ? <!-- 快速复制一行 ?alt+shift+下箭头 -->
? ? <!-- 快速删除一行 ctrl+shift+k -->
? ? <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>
|