abstrakt：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><script type="text/javascript" src="jquery-3.3.1.min.js">
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<style type="text/css">
div{
width:300px;
margin: 0 auto;
}
a,button{display: block}
.link{color: #333; margin-left:80px;}
</style>
</head>
<body>
<div>
<input type="text" name="username">
<input type="password" name="password">
<button>登陸</button>
<a href="" title="">忘記密碼？</a>
</div>
</body>
<script type="text/javascript">
// addClass() 向被選中的元素添加一個(gè)或多個(gè)class
// removeClass() 向被選擇的元素移除一個(gè)或多個(gè)類
// attr() 設(shè)置被選中的元素屬性值或者返回被選擇元素的屬性值
// removeAttr() 移除被選中的元素屬性值
// hasClass('className') 判斷被選中的元素是否包含指定的class
// val() 返回被選中元素的值
// hide() 隱藏顯示的元素
// show() 顯示隱藏的元素
// toggle() 切換
// blur() 元素失去焦點(diǎn)
// focus() 元素獲得焦點(diǎn)
// change() 元素的值發(fā)生改變的時(shí)候
// click() 點(diǎn)擊事件
$(document).ready(function(){
$('a').addClass('link');
$("input[name='username']").focus(function() {
$(this).css('backgroundColor','lightpink');
});
$('button').click(function(){
$name = $("input[name='username']").val();
$name.hide();
$pass = $("input[name='password']").val();
$name.show();
console.log($name);
console.log($pass);
})
})
</script>
</html>
Korrigierender Lehrer：韋小寶Korrekturzeit：2019-03-15 14:49:26
Zusammenfassung des Lehrers：整體來(lái)說(shuō)寫的還是算很不錯(cuò)了 注釋中的方法沒事的時(shí)候要多去練習(xí)哦