源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-08-09 12:20 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JQuery 常用方法和事件详细介绍
[b]文档就绪函数 [/b]$(document).ready(function(){ --- jQuery functions go here ---- }); 这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。 如果在文档没有完全加载之前就运行函数,操作可能失败。(试图隐藏一个不存在的元素;获得未完全加载的图像的大小) 把所有 jQuery 代码置于事件处理函数中 把所有事件处理函数置于文档就绪事件处理器中 [b]hide/show/toogle[/b] $(selector).hide(speed,callback); $(selector).show(speed,callback); $(selector).toggle(speed,callback); 可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。 可选的 callback 参数是隐藏或显示或切换完成后所执行的函数名称。 [b]jQuery 事件[/b]
Event 函数 绑定函数至
$(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时)
$(selector).click(function) 触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件
$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件
[b]jQuery Fading 方法:[/b] 通过 jQuery,您可以实现元素的淡入淡出效果。 jQuery 拥有下面四种 fade 方法: [list] [*]fadeIn()[/*] [*]fadeOut()[/*] [*]fadeToggle()[/*][/list]   [i]可选的[/i] speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。[i]可选的[/i] callback 参数是 fading 完成后所执行的函数名称。 [list] [*]fadeTo()[/*][/list]   jQuery fadeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 之间)。   $(selector).fadeTo(speed,opacity,callback); [i]  必需的[/i] speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。   [i]必需的[/i] opacity 参数将淡入淡出效果设置为给定的不透明度(值介于 0 与 1 之间)。  [i] 可选的[/i] callback 参数是该函数完成后所执行的函数名称。 由于 JavaScript 语句(指令)是逐一执行的,按照次序,动画之后的语句可能会产生错误或页面冲突,因为动画还没有完成。 为了避免这个情况,您可以以参数的形式添加 Callback 函数。如果您希望在一个涉及动画的函数之后来执行语句,请使用 callback 函数。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部