jQuery---筛选

参数说明

参数	说明
index	一个整数，指示元素基于0的位置,这个元素的位置是从0算起
-index	一个整数，指示元素的位置，从集合中的最后一个元素开始倒数。(-1算起)
class	用于匹配的类名
expr	字符串值，包含供匹配当前元素集合的选择器表达式
jQuery object	现有的jQuery对象，以匹配当前的元素。
element	一个用于匹配元素的DOM元素。
function(index)	一个函数用来作为测试元素的集合。它接受一个参数index，这是元素在jQuery集合的索引。在函数， this指的是当前的DOM元素。
callback	给每个元素执行的函数
start	开始选取子集的位置。第一个元素是0.如果是负数，则可以从集合的尾部开始选起。
end	结束选取自己的位置，如果不指定，则就是本身的结尾。
filter	一个字符串，其中包含一个选择表达式匹配元素。

<button class="btn" id="btninfo">按钮</button>
<button class="btn">按钮</button>
<button class="btn">按钮</button>
<button class="btn list">按钮</button>
<button class="btn ">按钮</button>
<button class="btn info">按钮</button>
<ul class="menu">
   <li class="info">1</li>
   <li>2</li>
   <li>3</li>
   <li>4</li>
   <h3 class="h3">标题</h3>
   <li>5</li>
   <li>6</li>
   <span>审判</span>
</ul>

一、过滤

• 以下空格代表或

方法	概述
eq(index -index)	根据当前索引匹配元素，参数为正负值
first()	获取集合里面的第一个元素
last()	获取集合里面的最后一个元素
hasClass(class)	用来检测是否具有某个类，返回值为true或false
filter(expr obj ele fn)	筛选出与表达式相匹配的元素集合
is(expr obj ele fn)	检测是否存在一个元素符合这个给定的表达式
map(callback)	将一组元素转换成其他数组，类似映射
has(expr ele)	检测匹配元素是否具有某个元素
not(expr ele fn)	从匹配元素的集合中删除与指定表达式匹配的元素
slice(start, [end])	选取一个匹配的子集，与原生js的slice方法类似（截取）

   console.log($('.btn').eq(-1));
   console.log($('.btn').first());
   console.log($('.btn').last());
   console.log($('.btn').hasClass('btn'));
   console.log($('.btn').is('.list'));
   console.log($('.btn').is(function(index){
       console.log(index, $(this));
       return index == 0;
   }));

   console.log($('ul').has('li'));
   console.log($('.btn').filter('.list'));

   var arr = $('.btn').map(function(){
       console.log($(this), this);
       return this;
       return $(this).text();
   })
   console.log(arr);
   console.log($('.btn').not('.list'));
   console.log($('.btn').not($('.list')[0]));
   console.log($('.btn').slice(0, 2));

• $(this)指当前的jquery对象，this指当前的原生js对象。

二、查找

• 以下空格代表或

方法	概述
children([expr])	返回当前元素的所有子集，可以当作过滤来使用
closest(expr object element)	使用closest可以完成事件委托，也类似于过滤
find(expr obj ele)	查找子集元素
next([expr])	匹配元素的同级的下一个元素
nextAll([expr])	匹配元素的同级的下面所有的元素
nextUntil([exp ele][,fil])	查找当前元素之后所有的同辈元素，直到遇到匹配的那个元素为止。
offsetParent()	返回第一个匹配元素用于定位的父节点。
parent([expr])	取得一个包含着所有匹配元素的唯一父元素的元素集合。
parents([expr])	获取当前元素的所有父容器
parentsUntil([expr element][,filter])	查找当前元素的所有的父辈元素，直到遇到匹配的那个元素为止。
prev([expr])	匹配元素同级的前一个元素
prevAll([expr])	匹配元素同级的前面所有元素
prevUntil([exp ele][,fil])	查找当前元素的所有的父辈元素，直到遇到匹配的那个元素为止。
siblings([expr]))	无参数：获取同胞兄弟元素，也可以当过滤；有参数：过滤同胞兄弟元素中的某一类

   console.log($('ul').children());
   //也可以当过滤使用
   console.log($('ul').children('h3'));
   console.log($('.btn').closest('.list'));
   console.log($('ul').find('h3'));
   console.log($('.list').next());
   console.log($('.list').next('.info'));
   console.log($('.list').nextAll());
   console.log($('.list').nextAll('button'));
   console.log($('.list').prev());
   console.log($('.list').prevAll());
   console.log($('.list').nextUntil('.info'));
   //带参数返回当前元素开始到指定位置之间的元素
   console.log($('#btninfo').nextUntil('.info','list'));
   console.log($('.h3').siblings());
   console.log($('.h3').siblings('span'));
   console.log($('.h3').parent());
   console.log($('.h3').parents());
   console.log($('.h3').offsetParent());

三、串联

• 以下空格代表或

方法	概述
add(expr ele html obj[,con])	添加元素到jQuery对象
addBack()	添加堆栈中元素集合到当前集合，一个选择性的过滤选择器。

   console.log($('.h3').add('.info'));
   console.log($('.btn').eq(0).addBack());
   console.log($('.btn').eq(0).siblings('.info').prevAll('.list').siblings('.menu').addBack());