1.首先布局

 

2. 

$("#b2").click(function () {

        $("#select1>option").appendTo("#select2");//在每个 p 元素结尾插入内容：

 });

选择到按钮id，给id绑定click（点击事件）.然后选择左边的元素，appendTo（把左边的元素全部放到指定的位置）

 

3. $("#b4").click(function () {

     $("#select2>option").appendTo("#select1");

});

选择到按钮id，给id绑定click（点击事件）.然后选择右边的元素，appendTo（把右边的元素全部放到指定的位置）大家应该看得出这与第2题是相反的

 

4.

  $("#b1").click(function () {

     var o = $(":selected").appendTo("#select2");

  });

选择到按钮id，给id绑定click（点击事件）selected（选择到被选择的元素）然后appendTo（放在什么位置）

 

5. $("#b3").click(function () {

     var o = $(":selected").appendTo("#select1");

  });

选择到按钮id，给id绑定click（点击事件）selected（选择到被选择的元素）然后appendTo（放在什么位置）这与第四题也是相反的

 

 

 

这是我所学到的jQuery 案例，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！