JQuery是一個(gè)強(qiáng)大的JavaScript庫(kù)，使得開發(fā)交互性更強(qiáng)的Web頁(yè)面變得更加容易。其中一項(xiàng)常見(jiàn)的功能是設(shè)置某些選項(xiàng)不可見(jiàn)。
<body> <select id="fruit"> <option value="apple">蘋果</option> <option value="banana">香蕉</option> <option value="orange">橙子</option> <option value="pear">梨子</option> </select> </body>
在上面的代碼中我們有一個(gè)水果選擇框，它有四個(gè)選項(xiàng)：蘋果、香蕉、橙子和梨子。現(xiàn)在我們想把橙子這個(gè)選項(xiàng)隱藏起來(lái)。
$(document).ready(function(){
$('#fruit option[value="orange"]').hide();
});在這段代碼中，我們首先通過(guò)jQuery選擇框架的#fruit ID選擇了選擇框，然后使用[value="orange"]每一個(gè)選項(xiàng)的值隱藏橙子。
當(dāng)然，還有許多其他控制HTML元素視覺(jué)呈現(xiàn)的方法（例如show()和fadeIn()），嘗試查找不同選項(xiàng)以獲得最佳效果。