jQuery -DOM操作

$("ul li:eq(3)").text()  获取第二个li元素节点的文本内容

$('p').text("啊啊啊")  设置 p元素内文本内容

$("p").attr('title')     获取p元素节点 属性title

$("p").attr('title','title值')   设置p元素  title属性的值

$("<li title="title">创建节点内容</li>")   创建元素节点  属性节点和内容节点

插入节点的方法：

<p>我想说：</p>

$("p").append("<b>你好</b>")   结果：<p>我想说：<b>你好</b></p>  内部追加内容

$("<b>你好</b>").appnedTo("p")  结果：<p>我想说：<b>你好</b></p>  匹配的元素追加到指定元素中

$("p").prepend("<b>你好</b>")   结果：<p><b>你好</b>我想说：</p>   元素内部前置内容

$("<b>你好</b>").prependTo("p")   结果：<p><b>你好</b> 我想说：</p>  匹配的元素前置到指定的元素中

$("p").after("<b>你好</b>")   结果：<p>我想说</p><b>你好</b>  元素之后插入内容

$("<b>你好</b>").insertAfter("p")   结果：<p>我想说：</p><b>你好</b>  匹配的元素插入到指定元素的后面

$("p").before("<b>你好</b>")  结果：<b>你好</b><p>我想说：</p>   匹配的元素之前插入内容

$("<b>你好</b>").insertBefore("p")   结果： <b>你好</b><p>我想说</p>

删除节点：

<ul>

<li>苹果</li>

<li>橘子</li>

<li>菠萝</li>

</ul>

$("ul li:eq(1)").remove()  删除 第2个li元素节点

$("ul li").remove("li[title!=菠萝]")   将li元素中属性title不等于  菠萝的li元素删除

var li=$("ul li:eq(1)").detach();    li.appendTo('ul')  重新追加元素  发现之前绑定的事件还在  如果用remove () 方法删除元素的话  之前绑定的事件将失效

$("ul li:eq(1)").empty()  获取第二个li  清空  li里的内容 标签还在

$("ul li").click(function(){

　　$(this).clone(true).appendTo("ul")   复制当前点击的节点到ul 里   参数true复制元素的同时复制元素中所绑定的事件

})