jQuery---事件汇总(基础篇)

$(document).ready(function(){
//this is your code...
});
$().ready(function(){
//this is your code...
})
$(function(){
//this is your code...
})

以上三种写法等价~~~

.bind('click',function(){
//this is your code....
})
.click(function(){
//this is your code...
})

以上两种等价,皆是单击事件~~~

.bind()是绑定事件时所用

.unbind()是移除停用的事件处理程序,写法和.bind()类似。

-------------------------------------------------------------------------------------------------------------------------------------------------------------

$(selector).toggle(function1(),function2(),functionN(),...)

参数 描述
function1() 必需。规定当元素在每偶数次被点击时要运行的函数。
function2() 必需。规定当元素在每奇数次被点击时要运行的函数。
functionN(),... 可选。规定需要切换的其他函数。
toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。

切换 Hide() 和 Show()


$(selector).toggle(speed,callback)

参数 描述
speed

可选。规定 hide/show 效果的速度。默认是 "0"。

可能的值:

  • 毫秒(比如 1500)
  • "slow"
  • "normal"
  • "fast"
callback

可选。当 toggle() 方法完成时执行的函数。



------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

.hover() 突出显示位于鼠标指针下方的页面元素。

$(selector).hover(function1(),function2(),functionN(),...)
参数 描述
function1() 必需。鼠标下方的页面元素的执行事件。
function2() 必需。离开鼠标下方的页面元素的执行事件


--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

.stopPropagation()  完全阻止事件冒泡。

.preventDefault()  在触发默认操作之前终止事件。

同样的,如若想要同时停止事件传播和默认操作,可以在事件处理程序中返回false,这是以上2种方式的简写。

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


.trigger()引发执行绑定的事件处理程序。

$(selector).trigger('click');
$(selector).click();
以上2种写法等价,意思是先执行click事件

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值