JQuery的remove方法的使用

时间：2023-01-26 18:59:27


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  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"  value=">" />
        <input type="button"  value="<" />
    </td><td>
    <select  style="width:100px" size="10">
    </select>
        </td>
            </tr>
        </table>
</body>
</html>



标签：

相关文章