如何在点击一个按钮时使用jquery隐藏一个图片

如何在点击一个按钮时使用jquery隐藏一个图片,第1张

页面放一张图:

<img id="myImg" src="./myPic.png">

按钮按钮的点击事件调用myFun函数

<button value="按钮" onclick="myFun()">

js中加入这个函数,利用jQuery的hide方法进行隐藏

function myFun(){

$("#myImg").hide()//获取id为myImg的元素并隐藏

}

1、jquery.show()和jquery.hide()方法

语法:

$(selector).show(speed,callback)

$(selector).hide(speed,callback)

2、jquery.toggle()方法

语法:

$(selector).toggle(speed,callback)

3、带有淡入淡出效果的显示和隐藏

$(selector).fadeIn(speed,callback)

$(selector).fadeOut(speed,callback)

$(selector).fadeToggle(speed,callback)

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

4、带有滑动效果的显示和隐藏

$(selector).slideDown(speed,callback)

$(selector).slideUp(speed,callback)

$(selector).slideToggle(speed,callback)

注意:

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

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


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11475178.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存