jquery 事件

最新推荐文章于 2024-03-20 08:53:45 发布

tz_gx

最新推荐文章于 2024-03-20 08:53:45 发布

阅读量564

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/tz_gx/article/details/9851515

版权

jquery 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<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>