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();

});


网页标题:jquery点击隐藏,jquery实现点击显示和隐藏
路径分享:http://pwwzsj.com/article/phiesh.html