首页 > 代码库 > Javascript与jQuery方法的隐藏与显示
Javascript与jQuery方法的隐藏与显示
如题，代码奉上。
<html><head><title>denotoggle</title><style>#box { width: 100px; height: 100PX; background-color: #ddd}.show { visibility: hidden;}</style><script src="http://libs.baidu.com/jquery/1.8.2/jquery.min.js"></script><!-- //java script方法 --><script type="text/javascript"> window.onload = function() { function toglemain() { var obj = document.getElementById("box"); if (obj.className == "") { obj.className = "show"; } else { obj.className = ""; } } var clickbutton = document.getElementById("toggle"); clickbutton.onclick = toglemain; //OnClick方法与Click事件 点击一下Button，实际上是先执行OnClick方法，但是问什么，同时还出发了Click事件呢？这是因为，OnClick方法内部触发了Click事件。 }</script><!-- //jQuery Toggle方法 --><script type="text/javascript"> $(document).ready(function() { $(".btn1").click(function() { /* $("p#box").toggle(); */ $("#box").toggleClass("show"); }); });</script></head><body> <div id="box"></div> <button id="toggle">javascript toggle</button> <button class="btn1">jQuery Toggle</button></body></html>
另求大家补充个jQuery的addClass与remove实现隐藏显示的代码。
Javascript与jQuery方法的隐藏与显示
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。