首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

JQuery的remove步骤的使用

2012-12-23 
JQuery的remove方法的使用jquery的remove方法是将元素移除掉,并且返回被移除的元素,还可以使用,下面一个例

JQuery的remove方法的使用

jquery的remove方法是将元素移除掉,并且返回被移除的元素,还可以使用,下面一个例子使用该功能实现下图的功能:

JQuery的remove步骤的使用

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title>    <script src="js/jquery-1.7.1.min.js"></script>    <script type="text/javascript">        $(function () {            $("#right").click(function () {                alert("aa");                var items = $("#select1 option:selected").remove();                alert(items.length);                $("#select2").append(items);            });        });    </script></head><body>    <table>        <tr><td>    <select id="select1" size="10" multiple="multiple">        <option>高等数学</option>        <option>微机基础</option>        <option>大学英语</option>        <option>C++程序设计</option>        <option>C#程序设计</option>        <option>HTML、CSS</option>    </select></td><td style="width:50px">    <input type="button" id="right" value=">" />        <input type="button" id="left" value="<" />    </td><td>    <select id="select2" style="width:100px" size="10">    </select>        </td>            </tr>        </table></body></html>


热点排行