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