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

頁(yè)面放一張圖：

創(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中加入這個(gè)函數(shù)，利用jQuery的hide方法進(jìn)行隱藏：

function myFun(){

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

}

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

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

拓展資料：

html代碼如下：其中有一個(gè)button和一個(gè)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)擊就隱藏了。

});

當(dāng)前名稱：jquery點(diǎn)擊隱藏,如何在點(diǎn)擊一個(gè)按鈕時(shí)使用jquery隱藏一個(gè)圖片
瀏覽地址：http://chinadenli.net/article35/dsgjspi.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、微信公眾號(hào)、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、云服務(wù)器、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)