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