jQuery Multiselect是一個(gè)非常方便的jQuery插件，它可以使html select元素具有多個(gè)選擇，同時(shí)還可以自定義其外觀。

$(document).ready(function(){
$('#multiSelect').multiselect();
});

上面的代碼很簡(jiǎn)單，我們只需要在$(document).ready事件中，調(diào)用multiselect()方法即可。但是，我們可以使用參數(shù)配置的方式來(lái)自定義這個(gè)控件的樣式等內(nèi)容。

$(document).ready(function(){
$('#multiSelect').multiselect({
buttonClass: 'my-button-class',
buttonWidth: '300px',
buttonContainer: '
',
maxHeight: 200
});
});

上面的代碼中，我們使用了四個(gè)參數(shù)：

• buttonClass: 按鈕的CSS類。
• buttonWidth: 按鈕的寬度。
• buttonContainer: 按鈕容器元素的HTML標(biāo)記。
• maxHeight: 多選框的最大高度。

在自定義樣式的時(shí)候，我們還可以使用CSS樣式表，例如：

.my-button-class {
background-color: gray !important;
color: white;
height: 30px !important;
}
.my-container {
margin: 10px;
}

上面的代碼中，我們重寫了.buttonClass和.my-container的樣式。

總的來(lái)說(shuō)，jQuery Multiselect是一個(gè)非常有用的插件，因?yàn)樗沟眠x擇框變得更加美觀、易用，在很多項(xiàng)目中都是必要的。