JS、Jquery父子节点总结（转）

1、JS的父子节点

del_ff(s);                //清理空格

var chils= s.childNodes;  //得到s的全部子节点

var par=s.parentNode;     //得到s的父节点

var ns=s.nextSbiling;     //获得s的下一个兄弟节点

var ps=s.previousSbiling; //得到s的上一个兄弟节点

var fc=s.firstChild;      //获得s的第一个子节点

var lc=s.lastChile;       //获得s的最后一个子节点

2、JQuery的父子节点

jQuery.parent(expr)          //找父元素

jQuery.parents(expr)         //找到所有祖先元素，不限于父元素

jQuery.children(expr)        //查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙

jQuery.contents()            //查找下面的所有内容，包括节点和文本。

jQuery.prev()                //查找上一个兄弟节点，不是所有的兄弟节点

jQuery.prevAll()             //查找所有之前的兄弟节点

jQuery.next()                //查找下一个兄弟节点，不是所有的兄弟节点

jQuery.nextAll()             //查找所有之后的兄弟节点

jQuery.siblings()            //查找兄弟节点，不分前后


jQuery.find(expr)             
/**
   跟jQuery.filter(expr)完全不一样，jQuery.filter(expr)是从初始的jQuery对象集合中筛选出一部分，
而jQuery.find()的返回结果，不会有初始集中筛选出一部分，而jQuery.find()的返回结果，不会有初始集合中的
内容，比如：$("p").find("span")是从元素开始找，等于$("p span")。
*/

3、append,appendTo和prepend介绍

1.append(content)

向每个匹配的元素内部追加内容。

<div>
    <p name="p1">p1</p>
</div>

比如要向div中再添加一个p标签：

$('div').append('<p name="p2">p2</p>');  //结果为：

<div>
    <p name="p1">p1</p>
    <p name="p2">p2</p>
</div>

2.appendT0(content)

把所有匹配的元素追加到另一个指定的元素元素集合中。

如果想达到append()中的效果，则代码如下：

$('<p name="p2"></p>').appendTo('div').

3.prepend(content)

向每个匹配的元素内部前置内容。

这是向所有匹配元素内部的开始处插入内容的最佳方式。

prepend(function(index, html))

返回一个HTML字符串，用于追加到每一个匹配元素的里边。接受两个参数，index参数为对象在这个集合中的索引值，html参数为这个对象原先的html值。

例1效果：$('div').prepend(function(0,'<p name="p2">p2</p>'));

小结：append()，appendTo()和prepend()都是在匹配元素的标签内追加,不同在于：
append()和appendTo()是在元素的后面追加，而prepend()是在元素的最前面追加。

---

转载：http://www.cnblogs.com/wyblog/archive/2011/07/22/2113825.html