jQuery可以幫助我們操作HTML文檔,使得頁面元素的顯示和隱藏更加簡單。下面介紹如何使用jQuery隱藏下拉列表。
// HTML代碼 <select id="fruit"> <option value="apple">蘋果</option> <option value="orange">橙子</option> <option value="pear">梨</option> <option value="banana">香蕉</option> </select> // jQuery代碼 $('#fruit').hide();
上面的代碼首先獲取了`id`為`fruit`的下拉列表,然后使用`hide()`方法將其隱藏。
另外,如果想要顯示下拉列表,可以使用`show()`方法:
$('#fruit').show();
有一點需要注意的是,如果下拉列表被隱藏后,仍然需要對其進行操作,可以先將其保存在變量中:
var fruitList = $('#fruit'); fruitList.hide(); // 操作fruitList