jquery 入门-构造方法

<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <style type="text/css">
        .selected
        {
            background-color:Yellow;
        }
    </style>

  <script type="text/javascript" src="jquery-1[1].3.2.min.js"></script>

    <script type="text/javascript">
  $(document).ready(function(){
  alert();
  });
 
  $(document).ready(function(){
     $("ul>li:first").addClass("selected");
  });
 
  $(document).ready(function(){
     $("ul").append($("<li>newItem</li>"));
  });

   $(document).ready(function(){
            $('ul').css('color','red');
            $('ul').css('backgroundColor','black');
        });
 </script>
 </HEAD>

 <BODY>
  <div>
    <ul>
        <li>aaaa</li>
        <li>bbbb</li>
        <li>cccc</li>
        <li>dddd</li>
    </ul>
    </div>
 </BODY>
</HTML>
 <script type="text/javascript">
//    $("div>ul>li:first").addClass("selected");
//    $('ul').append($('<li>new item</li>'));
 </script>

 值得一提得

 $(function(){
      $("ul>li:first").addClass("selected");
  });

完全可以取代

 $(document).ready(function(){
     $("ul>li:first").addClass("selected");
  });

 

即$(document).ready(fn) =$(fn);

posted on 2009-06-11 21:29  gotolovo  阅读(166)  评论(0)    收藏  举报