jquery 1.7.2源码解析 选择器Sizzle

Posted shadowplay

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 1.7.2源码解析 选择器Sizzle相关的知识,希望对你有一定的参考价值。

选择器Sizzle

 技术图片

一)Sizzle( selector, context, results, seed )

该函数用于查找与选择器表达式selector匹配的元素集合,是选择器引擎的入口。

var Sizzle = function( selector, context, results, seed ) {

selector: CSS选择器表达式

context: DOM元素或者文档对象,作为查找元素的上下文,用于限定查找范围。默认值是当前文档对象。

results: 可选的数组或者类数组,把查找到的元素添加到其中。

seed:可选的元素集合,从该集合中过滤出匹配选择器表达式的元素集合。

 

//修正results, context
results = results || [];
context = context || document;

//备份上下文
var origContext = context;

if ( context.nodeType !== 1 && context.nodeType !== 9 ) {
    return [];
}

if ( !selector || typeof selector !== "string" ) {
    return results;
}

 

//定义局部变量
var m, set, checkSet, extra, ret, cur, pop, i,
    prune = true,
    contextXML = Sizzle.isXML( context ),
    parts = [],
    soFar = selector;
    // Reset the position of the chunker regexp (start from head)
    do {
        chunker.exec( "" );
        m = chunker.exec( soFar );

        if ( m ) {
            soFar = m[3];

            parts.push( m[1] );

            if ( m[2] ) {
                extra = m[3];
                break;
            }
        }
    } while ( m );
//如果存在位置伪类,则从左向右查找
if ( parts.length > 1 && origPOS.exec( selector ) ) {

    if ( parts.length === 2 && Expr.relative[ parts[0] ] ) {
        set = posProcess( parts[0] + parts[1], context, seed );

    } else {
        set = Expr.relative[ parts[0] ] ?
            [ context ] :
            Sizzle( parts.shift(), context );

        while ( parts.length ) {
            selector = parts.shift();

            if ( Expr.relative[ selector ] ) {
                selector += parts.shift();
            }

            set = posProcess( selector, set, seed );
        }
    }

}
/*
* 在指定的上下文数组context下,查找与选择器表达式
* selector匹配的元素集合,并且支持位置伪类。selector
* 由一个块间关系符和一个块表达式组成。
* */
var posProcess = function( selector, context, seed ) {
    var match,
        tmpSet = [],
        later = "",
        root = context.nodeType ? [context] : context;

    // Position selectors must be done after the filter
    // And so must :not(positional) so we move all PSEUDOs to the end
    //删除selector中所以的伪类,并累积在later中。
    while ( (match = Expr.match.PSEUDO.exec( selector )) ) {
        later += match[0];
        selector = selector.replace( Expr.match.PSEUDO, "" );
    }
    //如果删除伪类的选择器表达式中只剩一个块间关系符,则追加一个通配符"*"
    selector = Expr.relative[selector] ? selector + "*" : selector;

    for ( var i = 0, l = root.length; i < l; i++ ) {
        Sizzle( selector, root[i], tmpSet, seed );
    }

    return Sizzle.filter( later, tmpSet );
};

 

以上是关于jquery 1.7.2源码解析 选择器Sizzle的主要内容,如果未能解决你的问题,请参考以下文章

jQuery源码select方法

第五节:JQuery框架源码简析

前端源码-部分资源

jQuery源码解析--结构分析

JQuery源码解析

jQuery 源码解析一:jQuery 类库整体架构设计解析