jquery中的DOM操作

1、

查找元素节点，并打印其内容

var $li = $("ul li:eq(1)");//查找<ul>里第2个<li>节点

var li_txt = $li.text(); //获取文本内容

alert(li_txt);

2、查找属性节点

var $para = $("p");//获取<p>节点

var p_txt = $para.attr("title");//获取<p>元素节点属性title

3、创建元素节点

var $li_1 = $("<li></li>");//创建第1个<li>元素

var $li_2 = $("<li></li>");

$("ul").append($li_1).append($li_2);

4、创建文本节点

var  $li_1 = $("<li>香蕉</li>");

$("ul").append("$li_1");

5、删除节点

1)remove()方法

$("ul li:eq(1)").remove();//获取第2个<li>元素节点后，将它从网页中删除

这个方法的返回值是一个指向已被删除的节点的引用，因此可以在以后再使用这些元素。

$("ul li").remove("li[title!=菠萝]");

2)empty()方法

严格来讲，empty()方法并不是删除元素，而是清空节点，它能清空元素中所有的后代节点。

$("ul li:eq(1)").empty();//获取第2个<li>元素节点后清空此元素里的内容，注意是元素里