Jquery事件

页面载入事件：$(document).ready(function(){代码块});

　　　　　　　相当于$(function(){代码块});或者Jquery(function(){代码块});

事件处理：1.1 绑定到每个匹配元素的事件上面的处理函数 bind();

　　　　　　$("p").bind("click",function(){代码块});

　　　　　 1.2 当所有段落被第一次点击的时候，显示所有其文本one();

　　　　　　$("p").one("click",function(){alert($(this).text();)});

　　　　　 1.3 提交第一个表单，但不用submit(),用trigger();

　　　　　　$("form:first").triggler("submit");

　　　　　 1.4 如果你对一个focus事件执行了 .triggerHandler() ，浏览器默认动作将不会被触发，只会触发你绑定的动作

　　　　　　$("#old").click(function(){$("input").triggler("focus");});

　　　　　   $("#new").click(function(){
  　　　　　　$("input").triggerHandler("focus");
　　　　　　　　});

　　　　　　1.5 把所有段落的所有事件取消绑定

　　　　　　　　$("p").unbind()

　　　　　　    将段落的click事件取消绑定

　　　　　　　　$("p").unbind( "click" )

　　　　　　1.6 删除特定函数的绑定，将函数作为第二个参数传入

                         var foo = function () {
                       // 处理某个事件的代码
                        };

                      $("p").bind("click", foo); // ... 当点击段落的时候会触发 foo 

                      $("p").unbind("click", foo); // ... 再也不会被触发 foo 

事件委派：1.1 live()目前支持 click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup。 
                   不支持 blur, focus, mouseenter, mouseleave, change, submit 
                   与bind()不同的是，live()一次只能绑定一个事件,点击生成的p依然据有同样的功能

　　　　　　　　<p>Click me!</p>  

　　　　　　　　$("p").live("click", function(){
                          $(this).after("<p>Another paragraph!</p>");
                      });

　　　　　1.2 如果不带参数，则所有绑定的live事件都会被移除。你可以解除用live注册的自定义事件。

                 如果提供了type参数，那么会移除对应的live事件。如果也指定了第二个参数function,则只移出指定的事件处理函数

　　　　　　function aClick() { $("div").show().fadeOut("slow"); } $("#unbind").click(function () { $("#theone").die("click", aClick) });

事件切换：1.1 hover(over, [out]) 一个模仿悬停事件

                 over (Function) : 鼠标移到元素上要触发的函数

                  out (Function) : 鼠标移出元素要触发的函数

　　　　　　$("td").hover(
                          function () {
                                $(this).addClass("hover");
                          },
                          function () {
                               $(this).removeClass("hover");
                        }
                   );

　　　　1.2 toggle(fn,fn)  每次点击后依次调用函数

　　　　　  fn (Function) : 第一数次点击时要执行的函数

　　　　　  fn2 (Function) : 第二数次点击时要执行的函数

　　　　　 fn3,fn4,... (Function) : 更多次点击时要执行的函数

               $("td").toggle(
                      function () {
                          $(this).addClass("selected");
                     },
                     function () {
                         $(this).removeClass("selected");
                    }
                );

 

事件：1.1 blur() 触发每一个匹配元素的blur事件 $("p").blur();

        1.2 blur(fn) 在每一个匹配元素的blur事件中绑定一个处理函数  $("p").blur(function(){alert($(this).text();)});

　　　1.3 change() 触发每个匹配元素的change事件 $("input[type='text']").change();

        1.4 change(fn) 在每一个匹配元素的change事件中绑定一个处理函数 $("input[type='text'].change(function(){alert("你改变我了");})");

　　　1.5 click() 触发每一个匹配元素的click事件 $("p").click();

　　　1.6 click(fn) 在每一个匹配元素的click事件中绑定一个处理函数 $("p").click(function(){$(this).hide();});

　　　1.7 dblclick() 触发每一个匹配元素的dbclick事件

　　　1.8 dblclick(fn) 在每一个匹配元素的dblclick事件中绑定一个处理函数(在某个元素上双击的时候就会触发dblclick事件)

　　　　　$("p").dblclick(function(){alert("你双击了p")});

　　  1.9 error() 这个函数会调用执行绑定到error事件的所有函数，包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为

　　　2.0 error(fn) 在每一个匹配元素的error事件中绑定一个处理函数 

　　　　　在服务器端记录JavaScript错误日志: 

　　　　　$(window).error(

　　　　　　　　function(msg,url,line){

　　　　　　　　　　  jQuery.post("js_error_log.php", { msg: msg, url: url, line: line });

                });

　　　　隐藏JavaScript错误:

　　　　$(window).error(function(){
              return true;
             });

　　　　给你IE的用户隐藏无效的图像:

　　　  $("img").error(function(){
                $(this).hide();
           });

　　　　2.1 focus() 触发每一个匹配元素的focus事件

　　　　　　$(function(){$("#login").focus();});

　　　　　　focus(fn) 在每一个匹配元素的focus事件中绑定一个处理函数 

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

          2.2 keydown(fn) keydown事件会在键盘按下时触发

　　　　　　$(window).keydown(function(event){

　　　　　　　　switch(event.keyCode) {
   　　　　　　　　　　// ...
   　　　　　　　　　  // 不同的按键可以做不同的事情
   　　　　　　　　　  // 不同的浏览器的keycode不同
                             // 更多详细信息: 
                             http://unixpapa.com/js/key.html
                           // ...
                  }});

　　　　时间问题，暂时写到这里..................