实现方法:1、用click()给按钮元素绑定点击事件,并设置处理函数,语法“$(“button”).click(function(){…});”;2、在处理函数中,用hide()隐藏该按钮元素,语法“$(this).hide();”。
本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery实现点击按钮消失的方法:
实现方法:
用click()给按钮元素绑定点击事件,并设置处理函数
在处理函数中,用hide()隐藏该按钮元素
实现代码:
nbsp;html>$(document).ready(function() {$("button").click(function() {$(this).hide();});});
登录后复制
hide()n内可以出入表示秒数的数字,规定隐藏效果的速度。
$(this).hide(1000);
登录后复制
说明:
hide() 方法隐藏被选元素
语法:
$(selector).hide(speed,easing,callback)
登录后复制
参数 描述speed可选。规定隐藏效果的速度。
可能的值:
毫秒”slow””fast”easing可选。规定在动画的不同点上元素的速度。默认值为 “swing”。
可能的值:
“swing” – 在开头/结尾移动慢,在中间移动快”linear” – 匀速移动提示:扩展插件中提供更多可用的 easing 函数。callback可选。hide() 方法执行完之后,要执行的函数。
【推荐学习:jQuery视频教程、web前端视频】
以上就是jquery怎么实现点击按钮消失的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2934997.html