[append的妙用]原生append不仅能把自己创建的元素进行添加,还能把自带的元素进行转移 _元素

【[append的妙用]原生append不仅能把自己创建的元素进行添加,还能把自带的元素进行转移】一身转战三千里，一剑曾当百万师。这篇文章主要讲述[append的妙用]原生append不仅能把自己创建的元素进行添加,还能把自带的元素进行转移相关的知识，希望能为你提供帮助。

< !doctype html> < html lang="en"> < head> < meta charset="UTF-8"> < title> Document< /title> < style> select { width: 200px; height: 300px; font-size: 22px; background-color: #80ff45; } < /style> < script src="https://www.songbingjia.com/android/jquery.min.js"> < /script> < /head> < body> < !-- multiple允许多选 --> < select name="" id="sel1" size="4" multiple="multiple"> < option value=""> 香蕉< /option> < option value=""> 大鸭梨< /option> < option value=""> 苹果< /option> < option value=""> 大西瓜< /option> < /select> < button> & gt; & gt; & gt; < /button> < button> & lt; & lt; & lt; < /button> < button> & gt; < /button> < button> & lt; < /button> < select name="" id="sel2" size="4" multiple=“ multiple> < /select> < /body> < /html>

< script> $("button").eq(0).click(function () { $("#sel2").append($("#sel1 option")) }); $("button").eq(1).click(function () { $("#sel1").append($("#sel2 option")) }); $("button").eq(2).click(function () { $("#sel2").append($("#sel1 option:selected")) }); $("button").eq(3).click(function () { $("#sel1").append($("#sel2 option:selected")) }); < /script>