jquery学习--dom操作

1.查找元素节点:

获取文本:

$("ul li:eq(1)").text();//ul里第二个li的文本值

获取属性节点:

$("p").attr("title");//获取p的title属性

2.创建节点:

步骤:

1).创建  用$(html)完成 

创建文本节点:

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

创建属性节点:

var $li_2 = $("<li title="呵呵">呵呵</li>");  //带有title属性的属性节点

2).插入节点:

append();向每个匹配到的节点内部追加内容

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

$(A).appendTo(B);  将所有的a追加到b中

$(A).prepend(B);//想每个a前加入b

$(A).prependTo(B);//将a前置到b

$(A).after(B);//a之后插入b

$(A).insertAfter(B);//将a插入到b后

$(A).before(B);//a之前插入b

$(A).insertBefore(B);//a插入b前

这个方法可以用来插入新的节点,也可以用来移动原有的节点

3.删除节点

1);remove()方法

$("ul li:eq(1)").remove();//移除ul里第二个li

2):empty()方法

$("ul li:eq(1)").empty();//清空ul里第二个li里的内容,而不是删除第二个li

4.复制节点:

clone();//复制节点 ,被复制的节点不具备任何行为

clone(true);//复制的节点,该节点有复制功能

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

$(this).clone().appendTo("ul");

$(this).clone(true).appendTo("ul");

});

5.替换节点:

$(A).replaceWith(B);//b替换a

$(A).replaceAll(B);//a替换b

6.包裹节点

$(A).wrap(B);//用b标签将每个a包起来

$(A).wrapAll(B);//用b标签将所有a包起来

$(A).wrapInner(B);//用b标签将a的子元素包起来

6.属性操作:


看看









原文地址:https://www.cnblogs.com/mcdnf/p/5158278.html