jQuery管理包装集笔记

size():返回包装集中元素的个数。

get([n]):返回一个DOM元素或DOM元素数组(接受负值)。

toArray():将包装里的所有元素作为DOM元素数组返回。

eq(n):获取包装集中与index参数相对应的元素,并返回只包含此元素的新包装集。(负的下标值从末尾开始查找元素)

first()    last()

index([ele]):返回第一个元素在同级节点中的下标(0开头),或返回元素在包装集中的下标(0开头)。

add(expression,context):expression(选择器|元素|数组),context(选择器|元素|数组|jQuery)

1
$(‘img[alt]‘).addClass(‘thickBorder‘).add(‘img[title]‘).addClass(‘seeThrough‘)
1
2
3
4
5
6
//选取所有<div>和所有<p>元素的等价方式
$(‘div,p‘)                //使用选择器组
$(‘div‘).add(p)        //给add()传入选择器
$(‘div‘).add($(‘p‘));    //给add()传入jQuery对象
var paras=document.getElementsByTagName(‘p‘);    //类数组对象
$(‘div‘).add(paras);        //给add()传入元素数组

not(expression):expression(选择器|元素|数组|函数)

1
$(‘img[title]‘).not(‘[title*=puppy]‘)
1
$(‘img‘).not(function(){return !$(this).hasClass(‘keepMe‘);}) 

filter(expression):expression(选择器|数组|元素|函数),与not()正好相反。

1
$(‘td‘).filter(function(){return this.innerHTML.match(/^\d+$/)});  //使用正则表达式来决定元素内容是否匹配指定的模式(一个或多个整数序列)

 slice(begin[,end]):从begin开始到end(end不被包含)。

has(expression):expression(选择器|元素)

map(callback):为包装集中的每一个元素调用回调函数,并将返回值收集到jQuery对象实例中。(有返回值给jQuery对象)

1
2
3
var allIds=$(‘div‘).map(function(){
    return (this.id==undefined)?null :this.id;
}).get();

each(callback):遍历匹配集里所有的元素,为每一个元素调用传入的迭代函数。(比map通用)

1
$([1,2,3]).each(function(){alert(this);});

children([sel]):返回由每个包装元素所有的子节点组成的包装集。

closest(sel):返回由传入参数匹配的单个邻近祖先元素组成的包装集。

contents():返回由每个元素的内容组成的包装集,包括文本节点。

next([sel])、nextAll([sel])、nextUntil([sel])、prev([sel])、prevAll([sel])、prevUntil([sel])、siblings([sel])

offsetParent():返回由包装集中离第一个元素最近的,使用相对或者绝对定位的祖先元素组成的包装集。

parent([sel]):返回由每个包装元素的直接父元素(不包含重复元素)组成的包装集。

parents([sel]):返回由每个包装元素所有的祖先元素(不包含重复元素)组成的包装集。closest()返回的jQuery对象可能包含零个或一个元素,而parents([sel])返回的jQuery对象可能包含零个、一个或多个元素。

parentsUntil([sel]):不包括直到遇到的与选择器相匹配的元素。

find([sel])

is(sel):检验包装集中是否存在与传入的选择器表达式相匹配的元素,如果至少有一个元素与传入的参数相匹配,则返回true,否则false。

1
2
//如果至少有一个元素匹配选择器,则返回true。
var hasImage=$(‘*‘).is(‘img‘);

end()

1
$(‘img‘).filter(‘[title]‘).hide().end().addClass(‘anImage‘);

andSelf()

1
$(‘div‘).addClass(‘a‘).find(‘img‘).addClass(‘b‘).andSelf().addClass(‘c‘);

 

 代码片段集

 暂无

jQuery管理包装集笔记,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。