发布于 2016-09-14 23:28:59 | 138 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的jQuery示例，程序狗速度看过来！

jQuery javascript框架

jQuery是一个兼容多浏览器的javascript框架，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。

---

本篇文章小编将为大家介绍，在jQuery中对节点进行操作的解决办法，有需要的朋友可以参考一下

动态创建Dom节点

jQuery中使用$(html字符串)来动态创建Dom节点，并且返回一个jQuery对象，可以调用append等方法将创建的节点添加到Dom中。

例如：

        var link = $("<a href='http://www.baidu.com'>百度</a>");

        $("div:first").append(link);

添加节点元素的方法：

Append方法用来在元素的末尾追加元素（最后一个子节点）

Prepend在元素的开始添加元素（第一个子节点）

After:在元素之后添加元素（添加兄弟节点）

Before：在元素之前添加元素（添加兄弟节点）

子元素.appendTo(父元素)：在元素的末尾追加一个子元素

子元素.prependTo(父元素):在元素的开始追加一个子元素

A.insertBefore(B)    将A插入到B的前面，等同于B.before(A);

X.insertAfter(B)   将X插入到Y的后面，等同于Y.after(X);
 

删除节点：

Empty():清空该元素下的所有子节点

        等同于：while(ele.firstChild){ele.removeChild(ele.firstChild);}

Remove(selectot);自杀；删除当前元素，返回值为被删除的元素，可以讲节点删除之后放到其他节点下面，有一个移动的效果，例如：

       var lis = $("#ulSite li").remove();

       $("#ulSite2").append(lis);

     
Clone()克隆节点，支复制节点，不复制节点

Clone(true):克隆节点带事件

节点的替换：

$("br").replaceWith("<hr/>");

$("br").replaceAll("<hr/>");
 

包裹节点

Wrap()方法用来将所有的元素逐个用指定的标签包裹

$("b").wrap("<font color='red'></font>");将所有粗体字红色显示

wrapInner();在内部围绕