一、确定包装集(也就是jquery选择器得到的jquery数组)的大小
size()
返回包装集里元素的个数
二、从包装集获取DOM元素
1、直接使用数组下标
e.g. $('img[alt]')[0]
2、使用get()方法
get(index数值)
获取包装集里的一个或者所有匹配元素。如果不指定参数,包装集里的所有元素就以javascript数组形式返
回;如果指定了下标,则返回下标对应的DOM元素(即DOM对象,而不是jquery包装集对象)。
3、get()方法的逆运算,获取包装集里特定元素的下标 index()方法
index(element)
在包装集里查找传入的元素,并返回该元素在包装集里的顺序下标;如果该元素不在包装集里则返回-1.
e.g. var n = $('img').index($(‘img#findMe’)[0])
$('img#findMe')是jquery数组,加上[0]才是DOM元素
三、筛选元素包装集
1、添加元素到包装集 add()方法
add(expression)
把表达式参数所指定的元素添加到包装集。表达式可以是选择器、HTML片段、DOM元素或者DOM元素数组。
e.g. $('img[alt]').add('img[title]')
2、从包装集中删除元素 not()方法
not(expression)
根据表达式参数的值,从包装集里删除元素。如果参数是jquery筛选选择器,则从包装集里删除任何匹配表达
式的元素;如果参数是元素引用,则从包装集里删除该元素。
e.g. $('img[title]').not('title*=puppy')
3、与not()相反的筛选函数 filter()方法
filter(expression)
参数expression可以使字符串或者函数,如果是字符串,则指定jquery选择器,用于从包装集里删除所有与选
择器不匹配的元素,也就是说,留下与选择器匹配的元素;如果参数是一个函数,则用于确定筛选条件。为包
装集里的每一个元素各调用一次该函数,以当前元素作为当次调用的函数上下文(this)。函数调用返回值为
false的任何元素都会从包装集里删除。
e.g.1. $('div').filter('.foo').click(function(){alert("this is foo!");})
e.g.2 $('div').filter(function(){return this.innerHTML.match(/^\d+$/)})
4、获取包装集的子集slice()方法
slice(begin,end)
创建并返回新包装集,新包装集包含原始包装集的连续的一部分。
参数begin:第一个元素下标,从0开始
参数end:可选,从0开始,若省略,则延伸到原始包装集的末尾
#注意#:$('*').slice(2,3)获取的是包含第三个元素的包装集;
而 $('*').get(2)获得的则直接是第三个元素。
四、利用关系获取包装集
children():返回原始包装集的子元素组成的包装集;
contents():返回原始包装集的内容的包装集;
next(): 返回原始包装集的所有下一个兄弟元素所组成的包装集;
nextAll(): 返回原始包装集的所有后续兄弟元素的包装集;
parent(): 返回原始包装集的唯一直接父元素所组成的包装集;
parents(): 返回原始包装集的唯一祖先元素所组成的包装集,但不包括文档根元素;
prev(): 返回原始包装集的所有唯一的上一个兄弟元素组成的包装集;
prevAll(): 返回原始包装集的所有前面兄弟的包装集;
siblings():返回原始包装集的所有兄弟元素所组成的包装集;
五、其他
1、find(selector)
返回新包装集,包含原始包装集里与传入选择器表达式相匹配的所有元素。原始包装集里的元素的所有后代,
会因为与传入的选择器表达式相匹配而被包含在新包装集里。
e.g. $('#wrapped').find('p cite')
2、contains(text)
返回新包装集,由包含text参数所传入的文本字符串的元素所组成。
e.g. $('p').contains('apple')
3、对包装集进行测试 is(selector)
确定包装集里是否有元素匹配传入的选择器表达式,至少有一个匹配则返回true,否则返回false。
e.g. var hasImage = $('*').is('img')
六、管理jquery链
1、end()
在jquery命令链内调用,以便回退到前一个包装集。
e.g. $('div').filter('.foo').click(function(){alert("foo")}).end().addClass('.gobackdiv')
2、andSelf()
size()
返回包装集里元素的个数
二、从包装集获取DOM元素
1、直接使用数组下标
e.g. $('img[alt]')[0]
2、使用get()方法
get(index数值)
获取包装集里的一个或者所有匹配元素。如果不指定参数,包装集里的所有元素就以javascript数组形式返
回;如果指定了下标,则返回下标对应的DOM元素(即DOM对象,而不是jquery包装集对象)。
3、get()方法的逆运算,获取包装集里特定元素的下标 index()方法
index(element)
在包装集里查找传入的元素,并返回该元素在包装集里的顺序下标;如果该元素不在包装集里则返回-1.
e.g. var n = $('img').index($(‘img#findMe’)[0])
$('img#findMe')是jquery数组,加上[0]才是DOM元素
三、筛选元素包装集
1、添加元素到包装集 add()方法
add(expression)
把表达式参数所指定的元素添加到包装集。表达式可以是选择器、HTML片段、DOM元素或者DOM元素数组。
e.g. $('img[alt]').add('img[title]')
2、从包装集中删除元素 not()方法
not(expression)
根据表达式参数的值,从包装集里删除元素。如果参数是jquery筛选选择器,则从包装集里删除任何匹配表达
式的元素;如果参数是元素引用,则从包装集里删除该元素。
e.g. $('img[title]').not('title*=puppy')
3、与not()相反的筛选函数 filter()方法
filter(expression)
参数expression可以使字符串或者函数,如果是字符串,则指定jquery选择器,用于从包装集里删除所有与选
择器不匹配的元素,也就是说,留下与选择器匹配的元素;如果参数是一个函数,则用于确定筛选条件。为包
装集里的每一个元素各调用一次该函数,以当前元素作为当次调用的函数上下文(this)。函数调用返回值为
false的任何元素都会从包装集里删除。
e.g.1. $('div').filter('.foo').click(function(){alert("this is foo!");})
e.g.2 $('div').filter(function(){return this.innerHTML.match(/^\d+$/)})
4、获取包装集的子集slice()方法
slice(begin,end)
创建并返回新包装集,新包装集包含原始包装集的连续的一部分。
参数begin:第一个元素下标,从0开始
参数end:可选,从0开始,若省略,则延伸到原始包装集的末尾
#注意#:$('*').slice(2,3)获取的是包含第三个元素的包装集;
而 $('*').get(2)获得的则直接是第三个元素。
四、利用关系获取包装集
children():返回原始包装集的子元素组成的包装集;
contents():返回原始包装集的内容的包装集;
next(): 返回原始包装集的所有下一个兄弟元素所组成的包装集;
nextAll(): 返回原始包装集的所有后续兄弟元素的包装集;
parent(): 返回原始包装集的唯一直接父元素所组成的包装集;
parents(): 返回原始包装集的唯一祖先元素所组成的包装集,但不包括文档根元素;
prev(): 返回原始包装集的所有唯一的上一个兄弟元素组成的包装集;
prevAll(): 返回原始包装集的所有前面兄弟的包装集;
siblings():返回原始包装集的所有兄弟元素所组成的包装集;
五、其他
1、find(selector)
返回新包装集,包含原始包装集里与传入选择器表达式相匹配的所有元素。原始包装集里的元素的所有后代,
会因为与传入的选择器表达式相匹配而被包含在新包装集里。
e.g. $('#wrapped').find('p cite')
2、contains(text)
返回新包装集,由包含text参数所传入的文本字符串的元素所组成。
e.g. $('p').contains('apple')
3、对包装集进行测试 is(selector)
确定包装集里是否有元素匹配传入的选择器表达式,至少有一个匹配则返回true,否则返回false。
e.g. var hasImage = $('*').is('img')
六、管理jquery链
1、end()
在jquery命令链内调用,以便回退到前一个包装集。
e.g. $('div').filter('.foo').click(function(){alert("foo")}).end().addClass('.gobackdiv')
2、andSelf()