JQuery 常用方法和事件详细介绍
63 浏览量
2020-12-01
23:13:37
上传
评论
收藏 45KB PDF 举报
JQuery 常用方法和事件详细介绍常用方法和事件详细介绍
文档就绪函数文档就绪函数
$(document).ready(function(){
— jQuery functions go here —-
});
这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。
如果在文档没有完全加载之前就运行函数，操作可能失败。(试图隐藏一个不存在的元素；获得未完全加载的图像的大小)
把所有 jQuery 代码置于事件处理函数中
把所有事件处理函数置于文档就绪事件处理器中
hide/show/toogle
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
$(selector).toggle(speed,callback);
可选的 speed 参数规定隐藏/显示的速度，可以取以下值：”slow”、”fast” 或毫秒。
可选的 callback 参数是隐藏或显示或切换完成后所执行的函数名称。
jQuery 事件事件
Event 函数函数 绑定函数至绑定函数至
$(document).ready(function) 将函数绑定到文档的就绪事件（当文档完成加载时）
$(selector).click(function) 触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件
$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件
jQuery Fading 方法：方法：
通过 jQuery，您可以实现元素的淡入淡出效果。
jQuery 拥有下面四种 fade 方法：
fadeIn()
fadeOut()
fadeToggle()
评论0