Jquery基础教程之DOM操作

2020-05-23 06:24:09易采站长站整理


$("<h3>替换strong</h3>").repalceAll("strong");

该例使用h3元素替换所有的strong元素。

    3、包裹节点$(element).wrap()、$(element).wrapAll()、$(element).wrapInner()

       包裹节点方法使用其他标记包裹目标元素从而改变元素的显示形式等,并且该操作不会破坏原始文档的词义。包裹节点有三种实现形式:wrap();wrapAll();wrapInner();

       wrap()方法如下:


$(dstelement).wrap(tag);

例:        


$("p").wrap("<b></b>");

该示例方法使用b标签包裹所有的p元素每个元素都使用b标签包裹。

       wrapAll()方法如下:


$(dstelement).wrapAll(tag);

例:        


$("p").wrapAll("<b></b>");

访示例方法使用b标签包裹所有的p元素,所有的p元素标签用一个b标签包裹。

        wrapInner()方法如下:


$(dstelement).wrapInner(tag);

例:       


 $("strong").wrapInner("<b></b>");

该示例使用b标签包裹每个一strong元素的子元素。

    Dom元素的其他操作:属性操作、样式操作、设置和获取HTML,文本和值、遍历节点操作、Css-Dom操作。

    1、属性操作attr()和removeAttr()

      attr()方法能够获取元素属性,也能能够设置元素属性。方法如下,当attr(para1)方法有个参数时候用于获得当前元素的para1的属性值,当attr(para1,attrValue)有两个参数时候设置当前元素的属性名为para1的属性值为attrValue;例:      


$("p").attr("title");

该示例用于获得p元素的title属性值。     


$("p").attr("title","你最喜欢的水果");

该示例设置p元素的title属性值为”你最喜欢的水果”;

      如果一次设置多个属性值可以使用“名/值”对形式,例:      


$("p").attr({"title":"你最喜欢的水果","name":"水果"})

该示例一次设置两个属性值。

      removeAttr()方法用于删除特定的属性,方法是在参数中指定属性名。例:      


$("p").removeAttr("name");

该方法就是移除p元素的name属性。