jQuery 对象及伪数组
生活随笔
收集整理的這篇文章主要介紹了
jQuery 对象及伪数组
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.概念
jQuery對象 是一個包含所有匹配的任意多個元素的偽數組對象
也就是說，jQuery對象是一個偽數組
下面我們來證明一下為什么jQuery對象是一個偽數組
<body><button>按鈕1</button><button>按鈕2</button><button>按鈕3</button><button id="but4">按鈕4</button><script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script><script type="text/javascript">var buttons = $('button')console.log(buttons instanceof Array)//看后臺輸出</script> </body>輸出結果是false,所以jQuery對象是一個偽數組
下面來介紹一下他的屬性(行為)
2.基本行為
(1)size()/length：包含的DOM元素的個數
(2)[index]/get(index)：得到對應位置的DOM元素
(3)each()：遍歷包含的所有DOM元素
(4)index()：得到在所有兄弟元素中的下標
3.偽數組(類型:Object對象)
行為:
(1)length屬性
(2)數值下標屬性
注:沒有數組特別的方法：forEach(),push(),pop(),splice()
自定義一個偽數組:
<body><button>按鈕1</button><button>按鈕2</button><button>按鈕3</button><button id="but4">按鈕4</button><script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script><script type="text/javascript">var buttons = $('button')console.log(buttons instanceof Array) var weiArr = {}weiArr.length = 0weiArr[0] = 'niuniu'weiArr.length = 1weiArr[1] = 123weiArr.length = 2for(var i = 0;i<weiArr.length;i++) {var obj = weiArr[i]console.log(i,obj)}</script></body>總結
以上是生活随笔為你收集整理的jQuery 对象及伪数组的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： $(function() {})是干什么
- 下一篇： jQuery-基本选择器的种类