jquery点击隐藏,jquery实现点击显示和隐藏

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

页面放一张图：

为阳江等地区用户提供了全套网页设计制作服务，及阳江网站建设行业解决方案。主营业务为网站设计、成都网站制作、阳江网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

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来实现这种点击页面其他地方隐藏菜单的效果，重要的一点就是需要通过event.stopPropagation()来阻止事件冒泡：

pa href="javascript:void(0)" class="a"菜单按钮/a/p

div class="menu"

a href=""百度/a

/div

//绑定按钮事件，点击按钮可以打开菜单，同时也能关闭按钮

$(".a").on("click", function(e){

if($(".menu").is(":hidden")){

$(".menu").show();

}else{

$(".menu").hide();

}    

//给document绑定一个一次性的click事件，点击关闭菜单

$(document).one("click", function(){

$(".menu").hide();

});

e.stopPropagation();

});

//通过e.stopPropagation()来保证点击菜单不会关闭菜单

$(".menu").on("click", function(e){

e.stopPropagation();

});