节点选取及删除等

<textarea cols="50" rows="15" name="code" class="javascript"> //$(:input)选取所有&lt;input&gt;,&lt;textarea&gt;,&lt;select&gt;,&lt;button&gt;,为以后表单元素的选取服务不同于&lt;input&gt;&rarr;只能选中所有的input标签，不能选中textarea等 //$(":text")&rarr;$("input[type=text]") //$(":password")和$(":checkbox")等都有这些选中全部的简写 $(function () {//设置节点属性 $("a:first").attr("href", "http://www.baidu.com");//设置属性 //alert($("a:first").attr("href"));//获得属性 }); //创建一个Dom节点 $(function () { var link = $("&lt;a href='http://www.sogou.com'&gt;搜狗&lt;/a&gt;"); $("div:first").append(link); }); //动态创建网站列表 $(function () { var datas = { "百度": "http://www.baidu.com", "新浪": "http://www.sina.com" }; $.each(datas, function (key, value) { var tr = $("&lt;tr&gt;&lt;td&gt;" + key + "&lt;/td&gt;&lt;td&gt;&lt;a href=" + value + " &gt;" + value + "&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;"); $("#tablesites").append(tr); }); }); //append是在元素的末尾追加元素，prepend是在元素的开始添加元素，这两个方法都是添加子元素 //after,before是在元素之后和之前添加元素，这两个方法是添加兄弟节点 //remove是删除选择的节点,它有返回值，返回删除的节点对象 $(function () { $("#delpart").click(function () { $("li.niao").remove(); }); }); $(function () { $("#movetoright").click(function () { var items = $("#select1 option:selected").remove(); $("#select2").append(items); }); }); </textarea>

网页内容：

<textarea cols="50" rows="15" name="code" class="xhtml">&lt;a href=""&gt;百度&lt;/a&gt; &lt;div&gt;&lt;/div&gt; &lt;table id="tablesites"&gt;&lt;/table&gt; &lt;ul&gt; &lt;li&gt;我是一只小小鸟&lt;/li&gt; &lt;li class="niao"&gt;我是一只小小鸟11111&lt;/li&gt; &lt;li&gt;我是一只小小鸟2222222&lt;/li&gt; &lt;li class="niao"&gt;我是一只小小鸟333333&lt;/li&gt; &lt;/ul&gt; &lt;input type="button" value="删除一部分" id="delpart" /&gt; &lt;select id="select1" multiple="multiple" size="5"&gt; &lt;option&gt;添加&lt;/option&gt; &lt;option&gt;删除&lt;/option&gt; &lt;/select&gt;&lt;input type="button" value="&gt;" id="movetoright" /&gt;&lt;input type="button" value="&lt;" /&gt;&lt;input type="button" value="&gt;&gt;" /&gt;&lt;input type="button" value="&lt;&lt;" /&gt; &lt;select id="select2" multiple="multiple" size="5"&gt;&lt;/select&gt; </textarea>