在使用 jQuery 操作頁面時,我們經常會使用到隱藏的元素,例如通過 CSS 的 display:none 來隱藏某個 DOM 元素。但是有時候我們需要在某個表單控件的值發生改變時才顯示這個元素,這時候就可以使用 jQuery 的 change() 方法來實現。
假設我們有一個文本框和一個隱藏的提示框,當用戶在文本框中輸入一段文本時,提示框才會出現。以下就是實現步驟:
<input type="text" id="input-text"> <div id="tip" style="display:none;">請輸入文字</div> <script> $(document).ready(function(){ $("#input-text").change(function(){ $("#tip").show(); }); }); </script>
在這段代碼中,我們首先選擇文本框的 ID,并給它綁定 change() 事件。當用戶在文本框中輸入了文字并且焦點離開文本框時,change() 事件會被觸發,然后我們使用 show() 方法將提示框顯示出來。
需要注意的是,如果我們選擇的元素是隱藏的,那么 jQuery 不會觸發任何事件,因為它不知道你是否要在元素顯示時才綁定事件。因此,我們需要在 change() 事件之前使用一些方式,將這個元素顯示出來(例如使用 .show())。
上一篇mysql一鍵改表名
下一篇mysql一鍵安裝版