这个也是16号的家庭作业吧
总的来说还是挺简单的
虽然简单
但是能做出来
感觉还是成就感满满
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="../jquery-1.12.2.min.js"></script>
<style>
div{
font-size: 16px;
}
</style>
</head>
<body>
<h1>jQuery基础代码练习</h1>
<hr/>
<br/><br/>
<div id="div1">
<div>1111111</div>
<div>3333
<div>31313131</div>
</div>
<div>44444444444
<div>4141414141</div>
<div>424242424242</div>
</div>
<div>555555555555555555</div>
</div>
<br/><br/>
<ol>要求（操作id为div1的元素）：
<li>获取最后一个子元素，并将字体颜色设置为orange</li>
<li>所有的一级子元素字体设置为24px</li>
<li>查询获取有几个孙子辈的div元素</li>
</ol>
<hr/>
<br/><br/>
<form action="#">
姓名： <input type="text" onblur="heh()"/>
<br/>
密码： <input type="password" onchange="ya()"/>
<br/>
</form>
<br/><br/>
<ol>要求（form表单操作）：
<li>获取第一个表单中的文本内容，如果没有，则设置内容为’请输入姓名‘</li>
<li>获取密码框中的密码，如果密码长度超过了20，则将超出部分删除</li>
</ol>
<script>
$("#div1 div:last").css("color","orange");
$("#div1>div").css("font-size","24px");
alert($("#div1>div>div").length);
function heh(){
if($("form>input").eq(0).val()==""){
$("form>input").eq(0).val("请输入姓名");
}
else{
alert($("form>input").eq(0).val());
}
}
function ya(){
var changdu=$("form>input").eq(1).val().length;
if(changdu>20){
var num=$("form>input").eq(1).val().substr(0,20);
$("form>input").eq(1).val(num);
}
}
</script>
</body>
</html>