添加和删除选项

来源：互联网发布：tracker软件怎么使用编辑：程序博客网时间：2024/05/17 01:36
<html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server">    <title></title>    <script src="JS/jquery-1.3.2.js" type="text/javascript"></script>    <script type="text/javascript">        $(function() {            var p_txt = $("p").attr("title");            alert(p_txt);            $("#btn1").click(function() {                $("p").attr("id", "p1");                alert($("#p1").attr("id"));            })            $("#btn2").click(function() {                var new_li = $("<li title='香蕉'>香蕉</li>");                $("ul").append(new_li);            });            //empty()实际上是清空节点并没有删除 remove（）            $("#btn3").click(function() {                $("ul li:eq(1)").remove();            });        })    </script></head><body>    <form id="form1" runat="server">    <p title="选择你最喜欢的水果">你最喜欢的水果是？</p>    <div>    <ul>    <li title="苹果">苹果</li>    <li title="橘子">橘子</li>    <li title="菠萝">菠萝</li>    </ul>        <input id="btn1" type="button" value="给p添加id属性" />        <input id="btn2" type="button" value="添加" />        <input id="btn3" type="button" value="删除" />             </div>    </form></body></html>