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

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

页面放一张图：

创新互联是一家专业提供芜湖县企业网站建设,专注与做网站、成都做网站、H5响应式网站、小程序制作等业务。10年已为芜湖县众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。

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

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

button value="按钮" onclick="myFun();"

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

function myFun(){

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

}

jequery如何在点击一个按钮时使用jquery隐藏一个元素

jequery在点击一个按钮时使用jquery隐藏一个元素是jQuery提供了toggle()函数用于切换显示和隐藏：显示被隐藏的元素，隐藏已显示的元素，示例代码。

拓展资料：

html代码如下：其中有一个button和一个div

input type="button" value="button"/

div id="mydiv"/div2.

js代码如下：

$(function(){

$('input:button').click(function(){ $('div').fadeToggle() }

用jquery怎么实现点击显示，再一次点击隐藏

用jquery实现点击显示，再一次点击隐藏的方法是使用toggle方法。

说明：toggle() 方法切换元素的可见状态。

如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。

举例说明：

html

head

script type="text/javascript" src="/jquery/jquery.js"/script

script type="text/javascript"

$(document).ready(function(){

$(".btn1").click(function(){

$("p").toggle(1000);

});

});

/script

/head

body

pThis is a paragraph./p

button class="btn1"Toggle/button

/body

/html

代码解读：

$(".btn1").click(function(){

$("p").toggle(1000); //控制文件This is a paragraph的显示和隐藏，如果当前是显示的，点击就隐藏了。

});