节点选取及删除等

//$(:input)选取所有<input>,<textarea>,<select>,<button>,为以后表单元素的选取服务不同于<input>→只能选中所有的input标签，不能选中textarea等 //$(":text")→$("input[type=text]") //$(":password")和$(":checkbox")等都有这些选中全部的简写 $(function () {//设置节点属性 $("a:first").attr("href", "http://www.baidu.com");//设置属性 //alert($("a:first").attr("href"));//获得属性 }); //创建一个Dom节点 $(function () { var link = $("<a href='http://www.sogou.com'>搜狗</a>"); $("div:first").append(link); }); //动态创建网站列表 $(function () { var datas = { "百度": "http://www.baidu.com", "新浪": "http://www.sina.com" }; $.each(datas, function (key, value) { var tr = $("<tr><td>" + key + "</td><td><a href=" + value + " >" + value + "</a></td></tr>"); $("#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); }); });

网页内容：

<a href="">百度</a> <div></div> <table id="tablesites"></table> <ul> <li>我是一只小小鸟</li> <li class="niao">我是一只小小鸟11111</li> <li>我是一只小小鸟2222222</li> <li class="niao">我是一只小小鸟333333</li> </ul> <input type="button" value="删除一部分" id="delpart" /> <select id="select1" multiple="multiple" size="5"> <option>添加</option> <option>删除</option> </select><input type="button" value=">" id="movetoright" /><input type="button" value="<" /><input type="button" value=">>" /><input type="button" value="<<" /> <select id="select2" multiple="multiple" size="5"></select>