网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

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的显示和隐藏,如果当前是显示的,点击就隐藏了。

});


标题名称:jquery点击隐藏,如何在点击一个按钮时使用jquery隐藏一个图片
文章出自:http://bjjierui.cn/article/dsgjspi.html

其他资讯