$(document).ready(function(){ $(".click").click(function(){ $(".tip").fadeIn(200); }); $(".tiptop a").click(function(){ $(".tip").fadeOut(200); }); $(".sure").click(function(){ $(".tip").fadeOut(100); }); $(".cancel").click(function(){ $(".tip").fadeOut(100); }); });
时间: 2024-03-11 12:44:44 浏览: 73
$ajax方法-jQuery基础教程
这段代码是使用 jQuery 编写的,用于实现点击某个元素出现弹窗,并且有确定和取消按钮。具体实现如下:
- 当文档加载完毕时,执行函数。
- 当点击类名为 "click" 的元素时,弹出类名为 "tip" 的元素,淡入效果持续 200 毫秒。
- 当点击类名为 "tiptop" 的元素中的 a 标签时,隐藏类名为 "tip" 的元素,淡出效果持续 200 毫秒。
- 当点击类名为 "sure" 的元素时,隐藏类名为 "tip" 的元素,淡出效果持续 100 毫秒。
- 当点击类名为 "cancel" 的元素时,同样隐藏类名为 "tip" 的元素,淡出效果持续 100 毫秒。
这段代码实现了一个简单的弹窗效果,可以用于网页中的提示、确认等操作。
阅读全文