189 8069 5689
页面放一张图：
为阳江等地区用户提供了全套网页设计制作服务，及阳江网站建设行业解决方案。主营业务为网站设计、成都网站制作、阳江网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！
img id="myImg" src="./myPic.png"
按钮，按钮的点击事件调用myFun函数：
button value="按钮" onclick="myFun();"
js中加入这个函数，利用jQuery的hide方法进行隐藏：
function myFun(){
$("#myImg").hide(); //获取id为myImg的元素并隐藏
}
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实现点击显示，再一次点击隐藏的方法是使用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来实现这种点击页面其他地方隐藏菜单的效果，重要的一点就是需要通过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();
});