09JQuery笔记-----------------------动态创建页面元素 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="jquery-1.8.3.js"></script>
    <script type="text/javascript">
        $(function () {
            $(':button').click(function () {
               //第一种方法
                //$('<div></div>').css('height','300px').css('width','400px').css('backgroundColor','Yellow').text('不生女，不生男，不给政府找麻烦').appendTo($('body'));
                //第二种方法

                var divObj = $('<div></div>').css('height', '100px').css('width', '300px').css('backgroundColor','yellow').html('<font color="red">无噪音，我污染，只是偶尔喊一喊</font>');
                $('body').append(divObj);

            });
        });

    </script>
</head>
<body>
    <input type="button" name="name" value="来一个div好么" />
</body>
</html>

　　

posted on 2016-01-12 16:22  努力的活着_在人间  阅读(184)  评论(0)    收藏  举报

导航