js设置div隐藏，用js隐藏DIV内容

创新互联为企业级客户提高一站式互联网+设计服务，主要包括成都网站设计、网站建设、外贸网站建设、app软件开发公司、重庆小程序开发公司、宣传片制作、LOGO设计等，帮助客户快速提升营销能力和企业形象，创新互联各部门都有经验丰富的经验，可以确保每一个作品的质量和创作周期，同时每年都有很多新员工加入，为我们带来大量新的创意。

本文目录一览

1，用js隐藏DIV内容
2，jquery 怎么让div显示隐藏
3，javascript 隐藏div的方法

1，用js隐藏DIV内容

一，你的id不能以数字开头二，你的js应该放到div后面，放在前面它好像找不到123吧

2，jquery 怎么让div显示隐藏

jquery有已经封装好的方法可以直接操作例如$().show()这个是显示$().hide()这个是隐藏方法内可以带参数，可以是正整数，不过单位是毫秒例如$().hide(1000)这句话的意思是在一秒钟之内隐藏

隐藏的话用$("").hide();$("")这里面填的是你给div定义的class或者是id，或者要么是div显示可以用$("").show();

<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script><script>$(document).ready(function() $("button").click(function() $("p").toggle(); });});</script></head><body><button>隐藏/显示</button><p>这是一个文本段落。</p><p>这是另外一个文本段落。</p></body></html>

$("#textDiv").show();//显示div $("#textDiv").hide();//隐藏div

3，javascript 隐藏div的方法

<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>TEST</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(function() $(".sub_group").click(function() $(this).siblings().hide(); }); $(".show").click(function(event) $(".sub_group").show(); }); }) </script> <style type="text/css"> div div.sub_group div.group </style></head><body> <div class="group"> <div class="sub_group">我是1</div> <div class="sub_group">我是2</div> <div class="sub_group">我是3</div> </div> <div class="show">显示</div></body></html>

设置属性，<div style="display:none"></div>隐藏不加就是默认的显示或者<div style="display:block"></div>满意请采纳。

名称栏目：js设置div隐藏，用js隐藏DIV内容
文章网址：https://www.cdcxhl.com/article26/isccjg.html

成都网站建设公司_创新互联，为您提供定制网站、网站内链、关键词优化、企业建站、全网营销推广、品牌网站制作

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容