jQuery对象中类数组的概念及操作

2019独角兽企业重金招聘Python工程师标准>>>

jQuery类数组如果转换成真正的数组？

var a = $("a");

console.log(a instanceof Array); //false

var a1 = [].slice.call(a);

var a2 = a.get(); //get()为jQuery方法

var a3 = a.toArray(); //toArray为jQuery方法

console.log(a1 instanceof Array); //true

console.log(a2 instanceof Array); //true

console.log(a3 instanceof Array); //true

测试发现，jQuery类数组仅可以使用数组的push,slice,sort方法,但不能使用shift,unshift,pop,reverse,concat，join

 

 jQuery对类数组的操作还提供了哪些方法呢？

andSelf()：合并命令链内最近产生的两个类数组；

add(String|elem|Array)：把参数中的元素添加到类数组中，如果参数是jQuery选择器，那么将把所有匹配的对象都添加到集合中， 如果是html元素那就通过clean方法得到的元素数组添加到集合中，如果是dom元素或dom元素数组，那就直接添加到集合了；注意返回的是添加后的数组；

contains(text)：返回包含text参数所传入的文本字符串的元素所组成的新类数组；

clone(copyHandle)：如果传入的参数为true，那么会连带事件一起拷贝，否则不拷贝事件，形成一个新的类数组；

childen()：返回原始类数组元素的所有不同子元素所组成的新类数组(不包含文本节点)，如$(‘div’).children()返回所有div元素下的子元素所组成的新类数组；如果指定了参数，那么该参数也是筛选表达式；

contents()：返回原始类数组元素的内容新类数组(可以包含文本节点)；注意此方法不能接受参数进行过滤；

end()：在jQuery命令链内调用，以便返回退到前一个类数组；

find(String)：返回包含原始类数组里与传入的选择器表达式相匹配的所有元素的新类数组，并且原始类数组中的元素的后代也会被传入新的类数组；

filter(String|function)：如 果传入的参数是String类型的话，那么该表达式必须也是筛选表达式，用于从类数组里删除所有与选择器不匹配的元素；如果传入的是一个函数的话，那么类 数组中的每个元素都调用这个函数，若这个函数返回false则把这个元素从类数组中删除，而在函数中可以通过this关键字来调用当时类数组中调用方法的 元素；如$(‘td’).filter(function(){return this.innerHTML.match(/^”d+$/)})返回td中的内容为数字的所有td元素；

get(index)：当没指定index时，以数组形式返回所有元素，如果指定了index，则返回下标为index对应的 元素。

index(elem)：在类数组中返回元素elem所在的下标，如果没找到该元素则返回-1，如果不带elem参数则返回0；

is(String)：如果类数组中含有String匹配的元素，那么返回true，否则返回false；

not(String|elem|Array)：删除类数组中满足条件的元素

parent()：返回原始类数组所有元素的唯一直接父元素的新类数组；如果指定了参数，那么该参数也是筛选表达式；

parents()：返回原始类数组所有元素的祖先元素的新类数组；如果指定了参数，那么该参数也是筛选表达式；

prev()：返回原始类数组元素的所有唯一的上一个兄弟元素组成的新类数组；如果指定了参数，那么该参数也是筛选表达式；

prevAll()：返回包含原始类数组元素的所有前面兄弟元素的新类数组；如果指定了参数，那么该参数也是筛选表达式；

next()：返回原始类数组元素的所有唯一的下一个兄弟元素所组成的新类数组；如果指定了参数，那么该参数也是筛选表达式；如$(‘div#someDiv’).next()返回包含id为someDiv的div元素的下一个兄弟元素的类数组；如果指定了参数，那么该参数也是筛选表达式；

nextAll()：返回包含原始类数组元素的所有后续兄弟的新类数组；如$(‘div#someDiv’).nextAll()返回包含id为someDiv的div元素的后面兄弟元素的新类数组；如果指定了参数，那么该参数也是筛选表达式；

slice(begin,end)：创建并返回新的类数组，该类数组是原来类数组的连续的一部分，且新类数组的第一个 元素是原类数组中的begin位置的元素，而最后一个元素是end位置元素的前一元素，当然end可以不指定，那么将延伸到原始类数组的末尾； 如$(‘*’).slice(2,3)这个语句选择页面上的所有元素，然后生存包含原始类数组的第三个元素的新类数组，注意这 个$(‘*’).get(2)不同，这个返回的是元素，而slice方法返回的是类数组，从而拥有类数组的操作；

siblings()：返回包含原始类数组元素中的所有唯一兄弟元素所组成的新类数组；如果指定了参数，那么该参数也是筛选表达式；

size()：返回包类数组中的元素个数

各个方法具体的使用，可查看jQuery的api：http://api.jquery.com/

转载于:https://my.oschina.net/adamboy/blog/291865