<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jquery hide()</title> <script src="http://www.w3school.com.cn//jquery/jquery-1.11.1.min.js"></script> <script> $(function () { // 隱藏p標籤。 $("p").click(function () { $(this).hide(); }); // 隱藏button標籤。 $("button").click(function () { $(this).hide(); }); // 隱藏p.test, h2.test標籤。 $("#cs").click(function () { $(".test").hide(); }); $("#test").click(function () { $("#like").hide(); }) }); </script> </head> <body> <h2 class="test">標題二</h2> <p class="test">點擊我,我會消失。</p> <p class="test">點擊我,我會消失。</p> <p class="test">也要點擊我。</p> <div id="like">hello world</div> <button>click me.</button> <input type="button" value="點我" id="cs"> <input type="button" value="hello world" id="test"> </body> </html>
jquery hide().html
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.