jquery从零起步学

html：

<HTML>

   <head>
      <meta http-equiv="content-type" content="text/html" />
      <meta charset="utf-8" />
      <title></title>
      <!--引入jquery库-->
      <script type="text/javascript" src="js/jquery-2.2.2.min.js"></script>
      <script type="text/javascript">
//            jquery的页面加载事件
            $(document).ready(function(e){
//             更改div元素的字体
                $("#msg").css("font-size","19pt");
//              向div中添加一个单机事件
            $("#msg").click(function(e){
               alert($(this).html());
            })
            
//          向页面上新添加一个div元素
            $("<div>",{
//             设置div样式
               style:"font-size:15pt",
               text:"单机这里更改颜色",
               click:function(){
                  $(this).css("background","#9F3");
               }
//             将div添加到body中
            }).appendTo("body");
                
            });
        </script>
      
   
   </head>

   <body>
      <div id="msg">欢迎阅读jquery从零起步学</div>

   </body>

</HTML>

result：

　　初始：

　　点击之后：

posted on 2016-05-03 19:48 Newbie_小白阅读(300) 评论(0) 收藏举报