首页>>前端>>Vue->jQuery点击按钮隐藏图片?

jQuery点击按钮隐藏图片?

时间:2023-12-02 本站 点击:0

jquery点击按钮,隐藏动态加载内容。

window.onload=function(){ $(".tac").hide(); }

onload函数是等页面上的元素都渲染完成然后再执行

jquery里面点击按钮的时候remove上一个tr的某一条图片

思路点击按钮可以使img隐藏(没必要删除)

这是我以前回答别人的:

请采纳,不懂再问

js 怎么用一个按钮控制DIV来回显示和隐藏

1、打开Hbuilder编辑器,新建一个html空白文档,输入基本的结构,然后按下Crtl+S保存一下:

2、创建一个button按钮,给按钮设置一个id,名字设置为“myBT”,创建一个用来显示隐藏的div,将其id设置为“main”:

3、给div和button设置一些样式,为了美观好看,这里无需设置display,因为默认就是显示的:

4、编写js脚本,这里用到Jquery,给button添加一个点击事件,然后获取div的dom,判断dom中的display属性值,如果是“none”,就显示div,否则则隐藏:

5、全部完成后,按下crtl+s保存,来到编辑器的右侧,观察显示效果,此时div是显示的:

6、点击hide按钮,会发现div消失了,反复点击按钮会重复显示隐藏的效果,以上就是用JS控制div显示隐藏的案例:

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

页面放一张图:

img id="myImg" src="./myPic.png"

按钮,按钮的点击事件调用myFun函数:

button value="按钮" onclick="myFun();"

js中加入这个函数,利用jQuery的hide方法进行隐藏:

function myFun(){

$("#myImg").hide(); //获取id为myImg的元素并隐藏

}

jquery怎么实现点击一个按钮控制多个div的显示和隐藏

$("button").click(function(){

$("div").toggle( 100);

});

参考链接:

定义和用法

toggle() 方法切换元素的可见状态。

如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。

语法

$(selector).toggle(speed,callback,switch)

jquery怎么实现点击一个按钮控制一个div的显示和隐藏

html代码 画个div和button

div class="abc" style="display:none"/div

input type="button" class="but" /

js代码

script

$(document).ready(function(e) {//DOM加载完成后执行方法

    $(".but").click(function(e) {//点击事件

        $(".abc").toggle();//div元素如果是隐藏就会显示,反之显示就会隐藏

    });

});

/script

注:jquery的toggle() 方法的作用就是当对象是显示的就隐藏,当是隐藏的则显示。


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/Vue/9407.html