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