节点 委托

如需向 HTML DOM 添加新元素，您必须首先创建该元素（元素节点），然后向一个已存在的元素追加该元素。
实例
<div id="div1">
<p id="p1">这是一个段落</p>
<p id="p2">这是另一个段落</p>
</div>

<script>
var para=document.createElement("p");
var node=document.createTextNode("这是新段落。");
para.appendChild(node);

var element=document.getElementById("div1");
element.appendChild(para);
</script>
这段代码创建新的 <p> 元素：

var para=document.createElement("p");如需向 <p> 元素添加文本，您必须首先创建文本节点。这段代码创建了一个文本节点：

var node=document.createTextNode("这是新段落。");然后您必须向 <p> 元素追加这个文本节点：

para.appendChild(node);最后您必须向一个已有的元素追加这个新元素。

这段代码找到一个已有的元素：

var element=document.getElementById("div1");这段代码向这个已有的元素追加新元素：

element.appendChild(para);
删除已有的 HTML 元素
如需删除 HTML 元素，您必须首先获得该元素的父元素
给每个li绑定事件，一共绑定了8次，性能不高
(this).html());
});
*/

        /*
        事件委托：方法delegate，只绑定一次事件，冒泡触发
            参数：
                selector选择器：写入ul下面的所有要发生事件的元素，多个元素用空格隔开，例如‘li a span’
                eventType事件
                function要执行的操作
        
        $('.list').delegate('li', 'click', function() {
            //$(this)指发生事件的子集，即每个li
            alert($(this).html());

            //全部取消委托
            $('.list').undelegate();
        });
    })