js | jQuery简单使用
2018-06-27 本文已影响14人
冯文议
写在前面的话
有人在群里问 js 的使用问题，就写了一个例子，顺便坐下记录。
引入
引入 jQuery 测试代码
引入测试效果
简单使用
点击获取 input 输入的内容
效果
代码
<!DOCTYPE html>
<html lang="en">
<head>
<title>Index</title>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<input id="username">
<button id="submit">提交</button>
<script>
$(function() {
// tip()
$('#submit').on('click', function() {
getUsername()
})
})
function tip() {
const msg = 123
alert(msg)
}
function getUsername() {
let username = $('#username').val()
alert(username)
}
</script>
</body>
</html>
