| [整理]JQuery小笔记~~ | ||
上一篇:[转帖]Key Bindings in Eclipse Editors |
||
| 添加日期：2012/11/23 11:23:32 | 快速返回 返回列表 | 阅读3536次 |
-------------------- $(document).ready()是DOM树解析后就可以执行 window.onload是所有内容（如图片都载入完成）载入完毕后才执行。 每个$(document).ready()都是追加事件处理，而不是替换。 $(document).ready(function(){...});可以简写为 $().ready(function(){...}); $(function(){...}); 的形式，但不建议，看着晕~~~ ------------------------------- 给某个对象绑定onclick事件，#xxx是id=xxx的对象 $('#xxx').bind('click',function(){ $('body').addClass('aaaaa'); $(this).addClass('aaaaa'); //this指当前对象 }); 可以简写为 $('#xxx').click(function(){..}); 其它事件类似，如blur,change,focus,keyup,submit... ---------------------------------------- 第一次单击执行第一个函数，第二次执行第二个函数， 如此反复，适合显示/隐藏等切换操作 $('xxx').toggle(function(){ //..... },function(){ //..... }); -------------------------------------- //hover，鼠标进入执行第一个，离开执行第二个 $('xxx').hover(function(){ //..... },function(){ //..... }); 使用hover，可以避免javascript中事件传播的头疼问题 -------------------------------------- 事件传播，两种， 从外向内，外层先触发，然后内层，称为事件捕获。 从内向外，称为事件冒泡。 -------------------------------- 给绑定事件起名字 $('#xxx').bind('click.yyyyy',function(){....}); 只移除该名字的click事件 $('#xxx').unbind('click.yyyyy'); 不带名字则移除所有click事件 $('#xxx').unbind('click'); 函数命名 var ssssss = function(){...}; $('#xxx').click(ssssss); $('#xxx').unbind('click',ssssss); 脚本触发click事件 $('#xxx').trigger('click'); $('#xxx').click(); ------------------------------------ 键盘响应 $(document).keyup(function(event){ switch(String.fromCharCode(event.keyCode)){ case 'D': ... break; case 'N': ... break; } }) 想知道按了哪个键，监听keyup或keydown 想知道输入了什么字符，监听keypress |
||
| 评论 COMMENTS | |
| 没有评论 No Comments. |
