jQuery管理包装集笔记

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

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

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

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

first()    last()

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

add(expression,context)：expression（选择器｜元素｜数组），context（选择器｜元素｜数组｜jQuery）

$('img[alt]').addClass('thickBorder').add('img[title]').addClass('seeThrough')

//选取所有<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（选择器｜元素｜数组｜函数）

$('img[title]').not('[title*=puppy]')

$('img').not(function(){return !$(this).hasClass('keepMe');})  

filter(expression)：expression（选择器｜数组｜元素｜函数），与not()正好相反。

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

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

has(expression)：expression（选择器｜元素）

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

var allIds=$('div').map(function(){

    return (this.id==undefined)?null :this.id;

}).get();

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

$([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。

//如果至少有一个元素匹配选择器，则返回true。

var hasImage=$('*').is('img');

end()

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

andSelf()

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

$('div').find('p').andSelf()       

    .addClass('highlight')        //都高亮

    .end().end()                //弹出栈两次，返回$('div')

    .css('border','solid black 1px');            

 

 代码片段集

 暂无