提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

JQuery常用方法和事件详细介绍

jQuery事件方法 详细 介绍 常用
2023-06-13 09:14:50 时间

文档就绪函数
$(document).ready(function(){
---jQueryfunctionsgohere----
});
这是为了防止文档在完全加载（就绪）之前运行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) 触发或将函数绑定到被选元素的鼠标悬停事件

jQueryFading方法：

通过jQuery，您可以实现元素的淡入淡出效果。

jQuery拥有下面四种fade方法：

  • fadeIn()
  • fadeOut()
  • fadeToggle()

　　可选的speed参数规定效果的时长。它可以取以下值："slow"、"fast"或毫秒。可选的callback参数是fading完成后所执行的函数名称。

  • fadeTo()

　　jQueryfadeTo()方法允许渐变为给定的不透明度（值介于0与1之间）。

　　$(selector).fadeTo(speed,opacity,callback);

　　必需的speed参数规定效果的时长。它可以取以下值："slow"、"fast"或毫秒。

　　必需的opacity参数将淡入淡出效果设置为给定的不透明度（值介于0与1之间）。

　　可选的callback参数是该函数完成后所执行的函数名称。

由于JavaScript语句（指令）是逐一执行的，按照次序，动画之后的语句可能会产生错误或页面冲突，因为动画还没有完成。

为了避免这个情况，您可以以参数的形式添加Callback函数。如果您希望在一个涉及动画的函数之后来执行语句，请使用callback函数。

相关文章