jquery 事件

来源：互联网发布：3dmax软件简介编辑：程序博客网时间：2024/05/22 18:56

<html>
<head>
  <script type="text/javascript" src="../jquery.js"></script>
  <script type="text/javascript">
   $(function(){
    //为每个匹配元素的特定事件绑定事件处理函数。
   // $("#mm").bind("click", function(){
    // alert(111);
    // });

     //为每一个匹配元素的特定事件（像click）绑定一个一次性的事件处理函数。
    // $("#mm").one("click", function(){
     //alert(111);
     //});

    //jQuery 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效
    $("#mm").live("click", function(){
     alert(111);
     });

     // 鼠标移动事件
     $("#mm").hover(function(){
       //当鼠标放上去的时候,程序处理
       $(this).html(11);

       },function(){
       //当鼠标离开的时候,程序处理
       $(this).html(22);
     });


     $("input[type='text']").change( function() {
     // 这里可以写些验证代码
     alert($(this).val());
     });

     $("p").click( function () { $(this).hide(); });

     $("input[type=text]").focus(function(){
       this.blur();
     });

     $(window).resize(function(){
       alert("Stop it!");
     });
   });

   </script>
</head>
<body>

  <div id="a">
    <input id="b" type="text" value="aa" />
     <p class="selected" id="mm">Hello Again</p>
  </div>
</body>
</html>