淘先锋技术网

首页 1 2 3 4 5 6 7

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