這篇文章主要講解了“怎么實(shí)現(xiàn)jQuery級(jí)聯(lián)菜單”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“怎么實(shí)現(xiàn)jQuery級(jí)聯(lián)菜單”吧！

老河口網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),老河口網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為老河口近1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的老河口做網(wǎng)站的公司定做！

層疊樣式表：

.button {
 border: 1px ridge #ffffff;
 line-height:18px;
 height: 20px;
 width: 45px;
 padding-top: 0px;
 background:#CBDAF7;
 color:#000000;
 font-size: 9pt;
}

HTML正文：

選項(xiàng)1
選項(xiàng)2
選項(xiàng)3
選項(xiàng)4
選項(xiàng)5
 


" /> 
" />





選項(xiàng)6

Javascript操作代碼：

$(document).ready(function(){

$("#add").click(function(){
 $("#first option:selected").appendTo($("#second"));
});

$("#add_all").click(function(){
 $("#first option").appendTo($("#second"));
});

$("#remove").click(function(){
 $("#second option:selected").appendTo($("#first"));
});

$("#remove_all").click(function(){
 $("#second option").appendTo($("#first"));
});
});

效果：

感謝各位的閱讀，以上就是“怎么實(shí)現(xiàn)jQuery級(jí)聯(lián)菜單”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)怎么實(shí)現(xiàn)jQuery級(jí)聯(lián)菜單這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！