JQuery日記 2014-4.28

爲方便起見將JQuery.fn.init稱之爲JQuery對象
JQuery原型對象方法:
(1) toArray()
    調用[].prototype.slice.call(jquery)將JQuery對象(類對象)轉換爲真正的數組
     測試html 
   <body>
     <div id= "div1">div1</div ><div id= "div2">div2</div >
     <span> span1</ span><span >span2 </span>< span>span3</span >
   </body>
   test_script
   var arr = $('div').toArray();
   console.info(toString.call(arr));  //[Object Array]
(2) get(num)

 三條分支 
 1.如果參數爲空返回原JQuery對象的數組
 2.如果參數小於0返回num + this.length位置的元素
 3.如果參數大於0返回num位置的元素

    測試html 
   <body>
     <div id= "div1" >div1 </div ><div id= "div2" >div2 </div >
     <span> span1</ span ><span >span2 </ span>< span >span3 </span >
   </body>
   test_script
   var div = $('div').get(0);
   console.info($.isPlainObject(div));   //false
   console.info(div.getAttribute( 'id'));   //div1

(3)pushStack(elements)
  返回一個包換elements的新的JQuery對象,並且將新JQuery對象的prevObject設爲調用pushStack(elements)的JQuery對象,形成一個可以回溯的鏈式結構,JQuery中採用鏈式編程時可以刻方便的先訪問當前JQuery然後使用prevObject或end()方法返回上一個JQuery對象,依次類推,類似於一個棧。
測試html 
   <body>
     <div id= "div1" >div1 </div ><div id= "div2" >div2 </div >
     <span> span1</ span ><span >span2 </ span>< span >span3 </span >
   </body>
   test_script
   var $span = $('div').pushStack($('span'))
   alert($span.length);                     // span.length = 3
   alert($span.end().length);               // div.length = 2
   alert($span.end() === $span.prevObject); //true


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章