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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.