jQuery 常用事件&常用方法

鼠标事件

click() 点击事件

dblclick() 双击事件

mouseenter() 鼠标移入事件

mouseleave() 鼠标移出事件

mousedown() 鼠标移入元素且按下时会触发事件

mouseu() 移出且松开时会触发事件

hover() 当鼠标移入元素时候会触发第一个函数 鼠标移出元素时会触发第二个函数 仅限于能获取焦点的元素 例如输入框

focus() 元素获得焦点时 会触发事件

blur() 当元素失去焦点会触发事件

常用方法
以下方法都有两个参数：

可选的 speed 参数规定隐藏/显示的速度，可以取以下值：“slow”、“fast” 或毫秒。 可选的 callback 参数是隐藏或显示完成后所执行的函数名称。 callback 回调函数 元素执行完动画 隐藏 显示…等效果后会执行函数

显示隐藏

hide（1000）隐藏元素
show（）显示元素
toggle() 显示隐藏的元素 ，隐藏显示的元素

淡入淡出

fadeln() 淡入 元素必须为隐藏状态
fadeOut() 淡出
fadeToggle() 淡入/淡出
fadeTo() 渐变透明度

上下滑动

slideUp() 拉起面板
slideDown() 下拉面板
slideToggle() 如果为拉起状态则下拉面板 如果为下拉状态则拉起面板

动画

元素的属性基本上都可以改
animate({})
格式:

元素.animate({
left = '100px'
fontSize = ''16px''
.........................
})

停止动画

stop(）

链技术

$(function(){
$('#btn').click(function(){
$('#p').css('color','red')
$('#p').slideUp()
$('#p').slideDown()
})
//链技术 大大缩短代码量
$('#btn').click(function(){
$('#p').css('color','red').slideUp().slideDown()
})
})
如需链接一个动作，您只需简单地把该动作追加到之前的动作上 不用反复寻找元素。

个人学习笔记

最后

以上就是超级大雁为你收集整理的jQuery 常用事件&常用方法的全部内容，希望文章能够帮你解决jQuery 常用事件&常用方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。