jQuery 学习十二(事件)

●  ready(fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 当 DOM 载入就绪可以查询及操纵时绑定一个要执行的函数。 
  3.  * 
  4.  * 这是事件模块中最重要的一个函数,因为它可以极大地提高 web 应用程序的响应速度。 
  5.  * 
  6.  * 简单地说,这个方法纯粹是对向 window.load 事件注册事件的替代方法。通过使用这个方法,可以在 DOM  
  7.  * 载入就绪能够读取并操纵时立即调用你所绑定的函数,而 99.99% 的 JavaScript 函数都需要在那一刻执行。 
  8.  * 
  9.  * 有一个参数对 jQuery 函数的引用会传递到这个 ready 事件处理函数中。可以给这个参数任意起一个名字, 
  10.  * 并因此可以不再担心命名冲突而放心地使用 $ 别名。 
  11.  * 
  12.  * 请确保在 <body> 元素的 onload 事件中没有注册函数,否则不会触发 $(document).ready() 事件。 
  13.  * 
  14.  * 可以在同一个页面中无限次地使用 $(document).ready() 事件。其中注册的函数会按照(代码中的)先后顺序 
  15.  * 依次执行。 
  16.  * 
  17.  * @fn(Function) 要在 DOM 就绪时执行的函数 
  18.  * @return jQuery Object 
  19.  * @owner jQuery Object 
  20.  */  
  21. function ready(fn);  
  22.   
  23. // 例子一:在 DOM 加载完成时运行的代码,可以这样写:  
  24. $(document).ready(function() {  
  25.   // 在这里写你的代码 ...  
  26. });  
  27.   
  28. // 例子二:使用 $(document).ready() 的简写,同时内部的 jQuery 代码依然使用 $ 作为别名,而不管  
  29.            全局的 $ 为何。  
  30. jQuery(function($) {  
  31.   // 你可以在这里继续使用 $ 作为别名 ...  
  32. });  


    ●  bind(type, [data], fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 为每一个匹配元素的特定事件(像 click)绑定一个事件处理器函数。 
  3.  * 
  4.  * 这个事件处理函数会接收到一个事件对象,可以通过它来阻止(浏览器)默认的行为。如果既想取消默认的行为, 
  5.  * 又想阻止事件起泡,这个事件处理函数必须返回 false。多数情况下,可以把事件处理器函数定义为匿名函数 
  6.  * (见示例一)。在不可能定义匿名函数的情况下,可以传递一个可选的数据对象作为第二个参数(而事件处理器 
  7.  * 函数则作为第三个参数),见示例二。 
  8.  * 
  9.  * @type(String) 事件类型 
  10.  * @data(Object) (可选) 作为 event.data 属性值传递给事件对象的额外数据对象 
  11.  * @fn(Function) 绑定到每个匹配元素的事件上面的处理函数 
  12.  * @return jQuery Object 
  13.  * @owner jQuery Object 
  14.  */  
  15. function bind(type, [data], fn);  
  16.   
  17. // 例子一:当每个段落被点击的时候,弹出其文本。  
  18. $("p").bind("click"function() {  
  19.   alert( $(this).text() );  
  20. });  
  21.   
  22. // 例子二:你可以在事件处理之前传递一些附加的数据。  
  23. function handler(event) {  
  24.   alert(event.data.foo);  
  25. }  
  26. $("p").bind("click", {foo: "bar"}, handler);  
  27.   
  28. // 例子三:通过返回 false 来取消默认的行为并阻止事件起泡。  
  29. $("form").bind("submit"function() { return false; });  
  30.   
  31. // 例子四:通过使用 preventDefault() 方法只取消默认的行为。  
  32. $("form").bind("submit"function(event) {  
  33.   event.preventDefault();  
  34. });  
  35.   
  36. // 例子五:通过使用 stopPropagation() 方法只阻止一个事件起泡。  
  37. $("form").bind("submit"function(event) {  
  38.   event.stopPropagation();  
  39. });  


    ●  one(type, [data], fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 为每一个匹配元素的特定事件(像 click)绑定一个一次性的事件处理函数。 
  3.  * 
  4.  * 在每个对象上,这个事件处理函数只会被执行一次。其他规则与 bind() 函数相同。这个事件处理函数会接收 
  5.  * 到一个事件对象,可以通过它来阻止(浏览器)默认的行为。如果既想取消默认的行为,又想阻止事件起泡, 
  6.  * 这个事件处理函数必须返回 false。 
  7.  * 
  8.  * 多数情况下,可以把事件处理函数定义为匿名函数(见示 bind() 示例一)。在不可能定义匿名函数的情况下,可以传递一 
  9.  * 个可选的数据对象作为第二个参数(而事件处理函数则作为第三个参数),见 bind() 示例二。 
  10.  * 
  11.  * @type(String) 事件类型 
  12.  * @data(Object) (可选) 作为 event.data 属性值传递给事件对象的额外数据对象 
  13.  * @fn(Function) 绑定到每个匹配元素的事件上面的处理函数 
  14.  * @return jQuery Object 
  15.  * @owner jQuery Object 
  16.  */  
  17. function one(type, [data], fn);  
  18.   
  19. // 例子:当所有段落被第一次点击的时候,显示所有其文本。  
  20. $("p").one("click"function() {  
  21.   alert( $(this).text() );  
  22. });  


    ●  trigger(type, [data])  
Javascript代码   收藏代码
  1. /** 
  2.  * 在每一个匹配的元素上触发某类事件。 
  3.  * 
  4.  * 这个函数也会导致浏览器同名的默认行为的执行。比如,如果用 trigger() 触发一个 "submit",则同样会 
  5.  * 导致浏览器提交表单。如果要阻止这种默认行为,应返回 false。 
  6.  * 
  7.  * 你也可以触发由 bind() 注册的自定义事件。 
  8.  * 
  9.  * @type(String) 要触发的事件类型 
  10.  * @data(Array) (可选) 传递给事件处理函数的附加参数 
  11.  * @return jQuery Object 
  12.  * @owner jQuery Object 
  13.  */  
  14. function trigger(type, [data]);  
  15.   
  16. // 例子一:提交第一个表单,但不用 submit()。  
  17. $("form:first").trigger("submit");  
  18.   
  19. // 例子二:给一个事件传递参数。  
  20. $("p").click( function (event, a, b) {  
  21.   // 一个普通的点击事件时,a 和 b 是 undefined 类型  
  22.   // 如果用下面的语句触发,那么 a 指向 "foo" , 而 b 指向 "bar"  
  23. } ).trigger("click", ["foo""bar"]);  
  24.   
  25. // 例子三:下面的代码可以显示一个 "Hello World"。  
  26. $("p").bind("myEvent"function(event, message1, message2) {  
  27.   alert(message1 + ' ' + message2);  
  28. });  
  29. $("p").trigger("myEvent", ["Hello""World!"]);  


    ●  triggerHandler(type, [data])  
Javascript代码   收藏代码
  1. /** 
  2.  * 这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作。 
  3.  * 
  4.  * @type(String) 要触发的事件类型 
  5.  * @data(Array) (可选) 传递给事件处理函数的附加参数 
  6.  * @return jQuery Object 
  7.  * @owner jQuery Object 
  8.  */  
  9. function triggerHandler(type, [data]);  
  10.   
  11. // 例子:如果你对一个 focus 事件执行了 .triggerHandler(),浏览器默认动作将不会被触发,只会触发你  
  12.            绑定的动作。  
  13. <button id="old">.trigger("focus")</button>  
  14. <button id="new">.triggerHandler("focus")</button><br/><br/>  
  15. <input type="text" value="To Be Focused"/>  
  16.   
  17. $("#old").click(function() {  
  18.   $("input").trigger("focus");  
  19. });  
  20. $("#new").click(function(){  
  21.   $("input").triggerHandler("focus");  
  22. });  
  23. $("input").focus(function() {  
  24.   $("<span>Focused!</span>").appendTo("body").fadeOut(1000);  
  25. });  


    ●  unbind([type], [data])  
Javascript代码   收藏代码
  1. /** 
  2.  * 这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作。 
  3.  * 
  4.  * @type(String)  (可选) 事件类型 
  5.  * @data(Function) (可选) 要从每个匹配元素的事件中反绑定的事件处理函数 
  6.  * @return jQuery Object 
  7.  * @owner jQuery Object 
  8.  */  
  9. function unbind([type], [data]);  
  10.   
  11. // 例子一:把所有段落的所有事件取消绑定。  
  12. $("p").unbind();  
  13.   
  14. // 例子二:将段落的 click 事件取消绑定。  
  15. $("p").unbind("click");  
  16.   
  17. // 例子三:删除特定函数的绑定,将函数作为第二个参数传入。  
  18. var foo = function() {  
  19.   // 处理某个事件的代码 ...  
  20. };  
  21. // 当点击段落的时候会触发 foo  
  22. $("p").bind("click", foo);   
  23. // 再也不会被触发 foo  
  24. $("p").unbind("click", foo);   


    ●  hover(over, out)  
Javascript代码   收藏代码
  1. /** 
  2.  * 一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用 
  3.  * 的任务提供了一种 "保持在其中" 的状态。 
  4.  * 
  5.  * 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二 
  6.  * 个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在 div 中的图像),如果是,则会 
  7.  * 继续保持 "悬停" 状态,而不触发移出事件(修正了使用 mouseout 事件的一个常见错误)。 
  8.  * 
  9.  * @over(Function) 鼠标移到元素上要触发的函数 
  10.  * @out(Function) 鼠标移出元素要触发的函数 
  11.  * @return jQuery Object 
  12.  * @owner jQuery Object 
  13.  */  
  14. function hover(over,out);  
  15.   
  16. // 例子:鼠标悬停的表格加上特定的类。  
  17. $("td").hover(  
  18.   function() {  
  19.     $(this).addClass("hover");  
  20.   },  
  21.   function() {  
  22.     $(this).removeClass("hover");  
  23.   }  
  24. );  


    ●  toggle(fn, fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 每次点击后依次调用函数。 
  3.  * 
  4.  * 如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数, 
  5.  * 如果有更多函数,则再次触发,直到最后一个。随后的每次点击都重复对这几个函数的轮番调用。 
  6.  * 
  7.  * @fn(Function) 第一数次点击时要执行的函数 
  8.  * @fn2(Function) 第二数次点击时要执行的函数 
  9.  * @fn3, fn4,... (Function) 更多次点击时要执行的函数 
  10.  * @return jQuery Object 
  11.  * @owner jQuery Object 
  12.  */  
  13. function toggle(fn, fn);  
  14.   
  15. // 例子一:对表格的切换一个类。  
  16. $("td").toggle(  
  17.   function() {  
  18.     $(this).addClass("selected");  
  19.   },  
  20.   function() {  
  21.     $(this).removeClass("selected");  
  22.   }  
  23. );  
  24.   
  25. // 例子二:对列表的切换样式。  
  26. <ul>  
  27.   <li>Go to the store</li>  
  28.   <li>Pick up dinner</li>  
  29.   <li>Debug crash</li>  
  30.   <li>Take a jog</li>  
  31. </ul>  
  32.   
  33. $("li").toggle(  
  34.   function() {  
  35.     $(this).css({"list-style-type":"disc""color":"blue"});  
  36.   },  
  37.   function() {  
  38.     $(this).css({"list-style-type":"disc""color":"red"});  
  39.   },  
  40.   function() {  
  41.     $(this).css({"list-style-type":"""color":""});  
  42.   }  
  43. );  


    ●●● 事件集合 ●●●  

    ●  blur()  
Javascript代码   收藏代码
  1. /** 
  2.  * 触发每一个匹配元素的 blur 事件。 
  3.  * 
  4.  * 这个函数会调用执行绑定到 blur 事件的所有函数,包括浏览器的默认行为。可以通过返回 false 来防止触发 
  5.  * 浏览器的默认行为。blur 事件会在元素失去焦点的时候触发,既可以是鼠标行为,也可以是按 tab 键离开的。 
  6.  * 
  7.  * @return jQuery Object 
  8.  * @owner jQuery Object 
  9.  */  
  10. function blur();  
  11.   
  12. // 例子:触发所有段落的 blur 事件。  
  13. $("p").blur();  


    ●  blur(fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 在每一个匹配元素的 blur 事件中绑定一个处理函数。 
  3.  * 
  4.  * blur 事件会在元素失去焦点的时候触发,既可以是鼠标行为,也可以是 按tab 键离开的。 
  5.  * 
  6.  * @fn(Function) 在每一个匹配元素的 blur 事件中绑定的处理函数 
  7.  * @return jQuery Object 
  8.  * @owner jQuery Object 
  9.  */  
  10. function blur(fn);  
  11.   
  12. // 例子:任何段落失去焦点时弹出一个 "Hello World!" 在每一个匹配元素的 blur 事件中绑定的处理函数。  
  13. $("p").blur( function() { alert("Hello World!"); } );  


    ●  change()  
Javascript代码   收藏代码
  1. /** 
  2.  * 触发每个匹配元素的 change 事件。 
  3.  * 
  4.  * 这个函数会调用执行绑定到 change 事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数 
  5.  * 中返回 false 来防止触发浏览器的默认行为。change 事件会在元素失去焦点的时候触发,也会当其值在获 
  6.  * 得焦点后改变时触发。 
  7.  * 
  8.  * @return jQuery Object 
  9.  * @owner jQuery Object 
  10.  */  
  11. function change();  


    ●  change(fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 在每一个匹配元素的change事件中绑定一个处理函数。 
  3.  * 
  4.  * change 事件会在元素失去焦点的时候触发,也会当其值在获得焦点后改变时触发。 
  5.  * 
  6.  * @fn(Function) 在每一个匹配元素的 change 事件中绑定的处理函数 
  7.  * @return jQuery Object 
  8.  * @owner jQuery Object 
  9.  */  
  10. function change(fn);  
  11.   
  12. // 例子:给所有的文本框增加输入验证。  
  13. $("input[type='text']").change( function() {  
  14.   // 这里可以写些验证代码 ...  
  15. });  


    ●  click()  
Javascript代码   收藏代码
  1. /** 
  2.  * 触发每一个匹配元素的 click 事件。这个函数会调用执行绑定到 click 事件的所有函数。 
  3.  * 
  4.  * @return jQuery Object 
  5.  * @owner jQuery Object 
  6.  */  
  7. function click();  
  8.   
  9. // 例子:触发页面内所有段落的点击事件。  
  10. $("p").click();  


    ●  click(fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 在每一个匹配元素的 click 事件中绑定一个处理函数。 
  3.  * 
  4.  * 点击事件会在你的指针设备的按钮在元素上单击时触发。单击的定义是在屏幕的同一点触发了 mousedown 和  
  5.  * mouseup。几个事件触发的顺序是:mousedown -> mouseup -> click 
  6.  * 
  7.  * @fn(Function) 绑定到 click 事件的函数 
  8.  * @return jQuery Object 
  9.  * @owner jQuery Object 
  10.  */  
  11. function click(fn);  
  12.   
  13. // 例子:将页面内所有段落点击后隐藏。  
  14. $("p").click( function() { $(this).hide(); });  


    ●  dblclick()  
Javascript代码   收藏代码
  1. /** 
  2.  * 触发每一个匹配元素的 dbclick 事件。 
  3.  * 
  4.  * 这个函数会调用执行绑定到 dblclick 事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数 
  5.  * 中返回 false 来防止触发浏览器的默认行为。dblclick 事件会在元素的同一点双击时触发。 
  6.  * 
  7.  * @return jQuery Object 
  8.  * @owner jQuery Object 
  9.  */  
  10. function dblclick();  


    ●  dblclick(fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 在每一个匹配元素的 dblclick 事件中绑定一个处理函数。 
  3.  * 
  4.  * 这个函数会调用执行绑定到 dblclick 事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数 
  5.  * 中返回 false 来防止触发浏览器的默认行为。dblclick 事件会在元素的同一点双击时触发。 
  6.  * 
  7.  * @fn(String) 在每一个匹配元素的 dblclick 事件中绑定的处理函数 
  8.  * @return jQuery Object 
  9.  * @owner jQuery Object 
  10.  */  
  11. function dblclick(fn);  
  12.   
  13. // 例子:给页面上每个段落的双击事件绑上 "Hello World!" 警告框。  
  14. $("p").dblclick( function () { alert("Hello World!"); });  


    ●  error()  
Javascript代码   收藏代码
  1. /** 
  2.  * 这个函数会调用执行绑定到 error 事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数中 
  3.  * 返回 false 来防止触发浏览器的默认行为。 
  4.  * 
  5.  * @return jQuery Object 
  6.  * @owner jQuery Object 
  7.  */  
  8. function error();  


    ●  error(fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 在每一个匹配元素的 error 事件中绑定一个处理函数。 
  3.  * 
  4.  * 对于 error 事件,没有一个公众的标准。在大多数浏览器中,当页面的 JavaScript 发生错误时,window  
  5.  * 对象会触发 error 事件;当图像的 src 属性无效时,比如文件不存在或者图像数据错误时,也会触发图像 
  6.  * 对象的 error 事件。 
  7.  * 
  8.  * 如果异常是由 window 对象抛出,事件处理函数将会被传入三个参数: 
  9.  *   1. 描述事件的信息("varName is not defined", "missing operator in expression", 等等。) 
  10.  *   2. 包含错误的文档的完整 URL 
  11.  *   3. 异常发生的行数 
  12.  * 
  13.  * 如果事件处理函数返回 true,则表示事件已经被处理,浏览器将认为没有异常。 
  14.  * 
  15.  * @fn(Function) 在每一个匹配元素的 error 事件中绑定的处理函数 
  16.  * @return jQuery Object 
  17.  * @owner jQuery Object 
  18.  */  
  19. function error(fn);  
  20.   
  21. // 例子一:在服务器端记录 JavaScript 错误日志。  
  22. $(window).error(function(msg, url, line){  
  23.   jQuery.post("js_error_log.php", { msg: msg, url: url, line: line });  
  24. });  
  25.   
  26. // 例子二:隐藏 JavaScript 错误。  
  27. $(window).error(function() {  
  28.   return true;  
  29. });  
  30.   
  31. // 例子三:给你 IE 的用户隐藏无效的图像。  
  32. $("img").error(function() {  
  33.   $(this).hide();  
  34. });  


    ●  focus()  
Javascript代码   收藏代码
  1. /** 
  2.  * 触发每一个匹配元素的 focus 事件。这将触发所有绑定的 focus 函数,注意,某些对象不支持 focus 方法。 
  3.  * 
  4.  * @return jQuery Object 
  5.  * @owner jQuery Object 
  6.  */  
  7. function focus();  
  8.   
  9. // 例子:当页面加载后将 id 为 "login" 的元素设置焦点。  
  10. $(document).ready(function(){  
  11.   $("#login").focus();  
  12. });  


    ●  focus(fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 在每一个匹配元素的 focus 事件中绑定一个处理函数。 
  3.  * 
  4.  * focus 事件可以通过鼠标点击或者键盘上的TAB导航触发。 
  5.   
  6.  * @fn(Function) 在每一个匹配元素的 focus 事件中绑定的处理函数 
  7.  * @return jQuery Object 
  8.  * @owner jQuery Object 
  9.  */  
  10. function focus(fn);  
  11.   
  12. // 例子:使人无法使用文本框。  
  13. $("input[type=text]").focus(function() {  
  14.   this.blur();  
  15. });  


    ●  keydown()  
Javascript代码   收藏代码
  1. /** 
  2.  * 触发每一个匹配元素的 keydown 事件。 
  3.  * 
  4.  * 这个函数会调用执行绑定到 keydown 事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数中 
  5.  * 返回 false 来防止触发浏览器的默认行为。keydown 事件会在键盘按下时触发。 
  6.   
  7.  * @return jQuery Object 
  8.  * @owner jQuery Object 
  9.  */  
  10. function keydown();  


    ●  keydown(fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 在每一个匹配元素的keydown事件中绑定一个处理函数。keydown 事件会在键盘按下时触发。 
  3.  * 
  4.  * @fn(Function) 在每一个匹配元素的 keydown 事件中绑定的处理函数 
  5.  * @return jQuery Object 
  6.  * @owner jQuery Object 
  7.  */  
  8. function keydown(fn);  
  9.   
  10. // 例子:在页面内对键盘按键做出回应,可以使用如下代码:   
  11. $(window).keydown(function(event) {  
  12.   switch(event.keyCode) {  
  13.     // ...  
  14.     // 不同的按键可以做不同的事情  
  15.     // 不同的浏览器的keycode不同  
  16.     // 更多详细信息:   
  17.     http://unixpapa.com/js/key.html  
  18.     // ...  
  19.   }  
  20. });  


    ●  keypress()  
Javascript代码   收藏代码
  1. /** 
  2.  * 触发每一个匹配元素的 keypress 事件。 
  3.  * 
  4.  * 这个函数会调用执行绑定到 keypress 事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数 
  5.  * 中返回 false 来防止触发浏览器的默认行为。keypress 事件会在键盘按下时触发。 
  6.  * 
  7.  * @fn(Function) 在每一个匹配元素的 keydown 事件中绑定的处理函数 
  8.  * @return jQuery Object 
  9.  * @owner jQuery Object 
  10.  */  
  11. function keypress();  


    ●  keypress(fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 在每一个匹配元素的 keypress 事件中绑定一个处理函数。 
  3.  * 
  4.  * keypress 事件会在敲击按键时触发。 敲击按键的定义为按下并抬起同一个按键。这几个事件发生的顺序是: 
  5.  *    keydown -> keyup -> keypress 
  6.  * 
  7.  * @fn(Function) 在每一个匹配元素的 keydown 事件中绑定的处理函数 
  8.  * @return jQuery Object 
  9.  * @owner jQuery Object 
  10.  */  
  11. function keypress(fn);  


    ●  keyup()  
Javascript代码   收藏代码
  1. /** 
  2.  * 触发每一个匹配元素的 keyup 事件。 
  3.  * 
  4.  * 这个函数会调用执行绑定到 keyup 事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数 
  5.  * 中返回 false 来防止触发浏览器的默认行为。keyup 事件会在按键释放时触发。 
  6.  * 
  7.  * @return jQuery Object 
  8.  * @owner jQuery Object 
  9.  */  
  10. function keyup();  


    ●  keyup(fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 在每一个匹配元素的 keyup 事件中绑定一个处理函数。keyup 事件会在键盘按下时触发。 
  3.  *  
  4.  * @fn(Function) 在每一个匹配元素的 keyup 事件中绑定的处理函数 
  5.  * @return jQuery Object 
  6.  * @owner jQuery Object 
  7.  */  
  8. function keyup(fn);  


    ●  load(fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 在每一个匹配元素的 load 事件中绑定一个处理函数。 
  3.  * 
  4.  * 如果绑定给 window 对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定在元素上, 
  5.  * 则当元素的内容加载完毕后触发。 
  6.  * 
  7.  * 注意:只有当在这个元素完全加载完之前绑定 load 的处理函数,才会在他加载完后触发。如果之后再绑定就 
  8.  * 永远不会触发了。所以不要在 $(document).ready() 里绑定 load 事件,因为 jQuery 会在所有 DOM 加载完 
  9.  * 成后再绑定 load 事件。 
  10.    
  11.  * @fn(Function) 在每一个匹配元素的 load 事件中绑定的处理函数 
  12.  * @return jQuery Object 
  13.  * @owner jQuery Object 
  14.  */  
  15. function load(fn);  


    ●  mousedown(fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 在每一个匹配元素的 mousedown 事件中绑定一个处理函数。mousedown 事件在鼠标在元素上点击后会触发。 
  3.  *  
  4.  * @fn(Function) 在每一个匹配元素的 mousedown 事件中绑定的处理函数 
  5.  * @return jQuery Object 
  6.  * @owner jQuery Object 
  7.  */  
  8. function mousedown(fn);  


    ●  mousemove(fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 在每一个匹配元素的 mousemove 事件中绑定一个处理函数。 
  3.  * 
  4.  * mousemove 事件通过鼠标在元素上移动来触发。事件处理函数会被传递一个变量 - 事件对象,其 .clientX  
  5.  * 和 .clientY 属性代表鼠标的坐标。 
  6.  *  
  7.  * @fn(Function) 在每一个匹配元素的 mousemove 事件中绑定的处理函数 
  8.  * @return jQuery Object 
  9.  * @owner jQuery Object 
  10.  */  
  11. function mousemove(fn);  


    ●  mouseout(fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 在每一个匹配元素的 mouseout 事件中绑定一个处理函数。mouseout 事件在鼠标从元素上离开后会触发。 
  3.  *  
  4.  * @fn(Function) 在每一个匹配元素的 mouseout 事件中绑定的处理函数 
  5.  * @return jQuery Object 
  6.  * @owner jQuery Object 
  7.  */  
  8. function mouseout(fn);  


    ●  mouseover(fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 在每一个匹配元素的 mouseover 事件中绑定一个处理函数。mouseover 事件会在鼠标移入对象时触发。 
  3.  *  
  4.  * @fn(Function) 在每一个匹配元素的 mouseover 事件中绑定的处理函数 
  5.  * @return jQuery Object 
  6.  * @owner jQuery Object 
  7.  */  
  8. function mouseover(fn);  


    ●  mouseup(fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 在每一个匹配元素的 mouseup 事件中绑定一个处理函数。mouseup 事件会在鼠标点击对象释放时。 
  3.  *  
  4.  * @fn(Function) 在每一个匹配元素的 mouseup 事件中绑定的处理函数 
  5.  * @return jQuery Object 
  6.  * @owner jQuery Object 
  7.  */  
  8. function mouseup(fn);  


    ●  resize(fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 在每一个匹配元素的 resize 事件中绑定一个处理函数。当文档窗口改变大小时触发。 
  3.  *  
  4.  * @fn(Function) 在每一个匹配元素的 resize 事件中绑定的处理函数 
  5.  * @return jQuery Object 
  6.  * @owner jQuery Object 
  7.  */  
  8. function resize(fn);  
  9.   
  10. // 例子:让人每次改变页面窗口的大小时很郁闷的方法。  
  11. $(document).resize(function() {  
  12.   alert("Stop it!");  
  13. });  


    ●  scroll(fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 在每一个匹配元素的 scroll 事件中绑定一个处理函数。当滚动条发生变化时触发。 
  3.  *  
  4.  * @fn(Function)  在每一个匹配元素的 scroll 事件中绑定的处理函数 
  5.  * @return jQuery Object 
  6.  * @owner jQuery Object 
  7.  */  
  8. function scroll(fn);  
  9.   
  10. // 例子:当页面滚动条变化时,执行的函数。  
  11. $(window).scroll( function() { /* ...do something... */ } );  


    ●  select()  
Javascript代码   收藏代码
  1. /** 
  2.  * 触发每一个匹配元素的 select 事件。 
  3.  *  
  4.  * 这个函数会调用执行绑定到 select 事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数 
  5.  * 中返回 false 来防止触发浏览器的默认行为。 
  6.  *  
  7.  * @return jQuery Object 
  8.  * @owner jQuery Object 
  9.  */  
  10. function select();  
  11.   
  12. // 例子:触发所有 input 元素的 select 事件。  
  13. $("input").select();  


    ●  select(fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 在每一个匹配元素的 select 事件中绑定一个处理函数。 
  3.  * 
  4.  * 当用户在文本框(包括 input 和 textarea)中选中某段文本时会触发 select 事件。 
  5.  * 
  6.  * @fn(Function) 在每一个匹配元素的 select 事件中绑定的处理函数 
  7.  * @return jQuery Object 
  8.  * @owner jQuery Object 
  9.  */  
  10. function select(fn);  


    ●  submit()  
Javascript代码   收藏代码
  1. /** 
  2.  * 触发每一个匹配元素的 submit 事件。 
  3.  * 
  4.  * 这个函数会调用执行绑定到 submit 事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数 
  5.  * 中返回 false 来防止触发浏览器的默认行为。 
  6.  * 
  7.  * @return jQuery Object 
  8.  * @owner jQuery Object 
  9.  */  
  10. function submit();  
  11.   
  12. // 例子:提交本页的第一个表单。  
  13. $("form:first").submit();  


    ●  submit(fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 在每一个匹配元素的 submit 事件中绑定一个处理函数。submit 事件将会在表单提交时触发。 
  3.  * 
  4.  * @fn(Function) 在每一个匹配元素的 submit 事件中绑定的处理函数 
  5.  * @return jQuery Object 
  6.  * @owner jQuery Object 
  7.  */  
  8. function submit(fn);  
  9.   
  10. // 例子:如果你要阻止表单提交。  
  11. $("form").submit(function() {  
  12.   return false;  
  13. });  


    ●  unload(fn)  
Javascript代码   收藏代码
  1. /** 
  2.  * 在每一个匹配元素的 unload 事件中绑定一个处理函数。 
  3.  *  
  4.  * @fn(Function) 在每一个匹配元素的 unload 事件中绑定的处理函数 
  5.  * @return jQuery Object 
  6.  * @owner jQuery Object 
  7.  */  
  8. function unload(fn);  
  9.   
  10. // 例子:页面卸载的时候弹出一个警告框。  
  11. $(document).unload( function () { alert("Bye now!"); } );  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值