如何在點(diǎn)擊一個按鈕時使用jquery隱藏一個圖片

頁面放一張圖：

創(chuàng)新互聯(lián)是一家專業(yè)提供蕪湖縣企業(yè)網(wǎng)站建設(shè),專注與做網(wǎng)站、成都做網(wǎng)站、H5響應(yīng)式網(wǎng)站、小程序制作等業(yè)務(wù)。10年已為蕪湖縣眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。

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

按鈕，按鈕的點(diǎn)擊事件調(diào)用myFun函數(shù)：

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

js中加入這個函數(shù)，利用jQuery的hide方法進(jìn)行隱藏：

function myFun(){

$("#myImg").hide(); //獲取id為myImg的元素并隱藏

}

jequery如何在點(diǎn)擊一個按鈕時使用jquery隱藏一個元素

jequery在點(diǎn)擊一個按鈕時使用jquery隱藏一個元素是jQuery提供了toggle()函數(shù)用于切換顯示和隱藏：顯示被隱藏的元素，隱藏已顯示的元素，示例代碼。

拓展資料：

html代碼如下：其中有一個button和一個div

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

div id="mydiv"/div2.

js代碼如下：

$(function(){

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

用jquery怎么實(shí)現(xiàn)點(diǎn)擊顯示，再一次點(diǎn)擊隱藏

用jquery實(shí)現(xiàn)點(diǎn)擊顯示，再一次點(diǎn)擊隱藏的方法是使用toggle方法。

說明：toggle() 方法切換元素的可見狀態(tài)。

如果被選元素可見，則隱藏這些元素，如果被選元素隱藏，則顯示這些元素。

舉例說明：

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的顯示和隱藏，如果當(dāng)前是顯示的，點(diǎn)擊就隱藏了。

});