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內容
文章網址：http://vcdvsql.cn/article26/isccjg.html

成都網站建設公司_創新互聯，為您提供定制網站、網站內鏈、關鍵詞優化、企業建站、全網營銷推廣、品牌網站制作