在Web開發(fā)的過程中,經(jīng)常會用到j(luò)Query在頁面中添加、刪除或修改元素。而有時候,我們需要將頁面上的一些元素隱藏起來,這時候,就需要用到j(luò)Query的hide()方法。
hide()方法可以隱藏一個元素,如果將多個元素合并起來,并用hide()方法來隱藏它們,就可以隱藏所有的元素。
下面是一個例子,演示了如何使用hide()方法隱藏文本輸入框:
<html> <head> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> <script> $(document).ready(function(){ $("#hidebtn").click(function(){ $("#myinput").hide(); }); }); </script> </head> <body> <p>點(diǎn)擊下面的按鈕,可以隱藏文本輸入框:</p> <button id="hidebtn">隱藏</button> <input type="text" id="myinput" /> </body> </html>
在上面的例子中,我們給按鈕添加了一個click事件,當(dāng)用戶點(diǎn)擊此按鈕時,jQuery會找到id為"myinput"的輸入框,并將其隱藏起來,使用hide()方法完成此操作。如果要將輸入框顯示出來,可以使用show()方法。