jQuery小结3 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <style type="text/css">
        *{margin:0px;padding:0px;}
        body{font-size:12px;}
        
        .box{margin:10px;padding:10px;}
        .box h3{margin:10px 0px;border-bottom:1px solid red;padding-bottom:10px;}
        .box p{line-height:20px;}
        
        #box1{margin:10px;padding:10px;border:1px solid red;}
        
    </style>
    <script type="text/javascript">
    $(function(){
        $("#box1").append("<input type='text' vale='123'/><br/>");
        $("#box1").append("<input type='password' />");
    })
    </script>

</head>
<body>
    <div class="box">
        <h3>试题要求</h3>
        <p>
            1.使用jquery，在box1中添加单行文本框和密码框。<br />
        </p>
    </div>

    <div class="box" id="box1"></div>


</body>
</html>

 

posted on 2015-12-13 22:31  guanzhenqiang  阅读(129)  评论(0)    收藏  举报

导航