JS、Jquery親子ノードまとめ(回転)

4463 ワード

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文字列を返します.2つのパラメータを受け入れ、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