jQuery中的常用事件

　　1.jQuery中的常用事件

　　

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>onclick.html</title>
    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../jquery-2.2.4.js"></script>
    <script type="text/javascript">
        //此处演示jquery的点击事件
        $(function(){
         //jquery除了出色的选择器  考虑了 不同浏览器的兼容性  可以使用 jquery提供的方法 兼容各种浏览器
         //选择器的性能问题  表示那种选则器更快此处id最快  id选择器   【class选择器|标签|属性|组合】
         //所有的事件之前 没有on
         //click方法 给按钮绑定点击事件
         //dblclick表示双击事件
         $("#inp").dblclick(function(){
             //此处表示当点击了按钮之后，将div的字体颜色改为红色
             $("div").css("color","red");
             //提交表单
             $("from").submit();
             })
             
         $("#inp").dblclick(function(){
             alert('我是jquery的第二个事件测试');
             })
        })
    </script>
  </head>
  
  <body>
          <div>jquery的中的事件测试</div>
          <form action="www.baidu.com">
            <input id="inp" type="button" value="按钮">
          </form>
  </body>
</html>

　　　　具体的参考事件请参考如下网址：http://www.w3school.com.cn/jquery/jquery_ref_events.asp

posted @ 2017-06-27 22:51  lszan  阅读(803)  评论(0)  编辑  收藏  举报