Expr.preFilter是tokenize方法中对ATTR、CHILD、PSEUDO三种选择器进行预处理的方法。具体如下:
Expr.preFilter : {
"ATTR" : function(match) {
/*
* 完成如下任务:
* 1、属性名称解码
* 2、属性值解码
* 3、若判断符为~=,则在属性值两边加上空格
* 4、返回最终的mtach对象
*
* match[1]表示属性名称,
* match[1].replace(runescape, funescape):将属性名称中的十六进制数解码成
* 单字节unicode字符或双字节unicode字符(中文或其它需要两个字节表达的文字)
* 正则表达式的详细说明,可以参看我的“详解jQuery选择器正则表达式”文章
*/
match[1] = match[1].replace(runescape, funescape);/*
* 将属性值解码
* match[4]:表示放在单引号或双引号内的属性值
* match[5]: 表示不用引号括起来的属性值
*/
match[3] = (match[4] || match[5] || "").replace(runescape,
funescape);
/*
* ~=的意思是单词匹配,在W3C中对单词的定义是以空白为不同单词的分隔符
* 故此处在match[3]两边加上空格后,可以利用indexOf,正确识别出该单词是否存在
*/
if (match[2] === "~=") {
match[3] = " " + match[3] + " ";
}
/*
* 返回有用的前四个元素结果
*/
return match.slice(0, 4);
},
"CHILD" : function(match) {
/*
* 完成如下几项任务:
* 1、把命令中child和of-type之前的字符变成小写字符
* 2、对于nth开头的选择器检查括号内的数据有效性
* 3、match[4]和match[5]分别存放xn+b中的x和b,x和b允许是负数
* 4、返回最终的match对象
*
* match[1]:(only|first|last|nth|nth-last)中的一个
*/
match[1] = match[1].toLowerCase();
/*
* 对于nth-child、nth-of-type、nth-last-child、nth-last-of-type四种类型括号内需设置有效数据
* 而其它则括号内不允许有任何数据
*/
if (match[1].slice(0, 3) === "nth") {
/*
* 若选择器括号内没有有效参数,则抛出异常
* 举例:若选择器是nth或nth(abc)则属于非法选择器
*/
if (!match[3]) {
Sizzle.error(match[0]);
}
/*
* 下面先以nth-child()为例介绍一下语法,以便更好的理解下面代码的作用
* nth-child允许的几种使用方式如下:
* :nth-child(even)
* :nth-child(odd)
* :nth-child(3n)
* :nth-child(+2n+1)
* :nth-child(2n-1)
* 下面代码中赋值号左侧的match[4]、match[5]用于分别记录括号内n前及n后的数值,包括正负号
* 对于:nth-child(even)和:nth-child(odd)来说,match[4]为空,
* 所以返回 2 * (match[3] === "even" || match[3] === "odd")的计算结果
* 因为在js中true=1,false=0,所以(match[3] === "even" || match[3] === "odd")等于1










