老蒋jQuery学习笔记第二课：事件－扣动扳机
Tag: JQuery | Author: 老蒋 |
- $(document).ready(function(){
- $('#switcher-larger').bind('click',function(){
- $('body').addClass('large');
- });
- });
bind指定任何javascript事件，并为该事件添加一种行为。
unbind(事件类型，函数名) unbind(’click’,func1);
复合事件 toggle
- $('#switcher h3').toggle(function(){
- $('#switcher .button').addClass('hidden');
- },function(){
- $('#switcher .button').removeClass('hidden');
- });
toggle(func1,func2)第一次单击执行func1.第二次单击执行func2
折叠功能toggleClass
- $(document).ready(function(){
- $('#switcher h3').click(function(){
- $('#switcher .button').toggleClass('hidden');
- });
- });
突出显示可单击的项hover
- $(document).ready(function(){
- $('#switcher .button').hover(function(){
- $(this).addClass('hover');
- },function(){
- $(this).removeClass('hover');
- });
- });
hover(func1,func2)鼠标指针进入被选择元素时执行func1,离开时执行func2
对于只需触发一次，就立即解除绑定的情况可以简写成.one()
- $(document).ready(function(){
- $('#aa').one('click',toggleStyleSwitcher);
- })
模仿用户操作
tigger()
- $('#aa').trigger('click');//简写成$('#aa').click()
Leave a comment
您必须 登录 后才能发表留言。