1. 程式人生 > >sizzle分析記錄: 自定義偽類選擇器

sizzle分析記錄: 自定義偽類選擇器

可見性

隱藏物件沒有寬高,前提是用display:none處理的

jQuery.expr.filters.hidden = function( elem ) {
    // Support: Opera <= 12.12
    // Opera reports offsetWidths and offsetHeights less than zero on some elements
    return elem.offsetWidth <= 0 && elem.offsetHeight <= 0;
};
jQuery.expr.filters.visible 
= function( elem ) { return !jQuery.expr.filters.hidden( elem ); };
內容

獲取文字內容通過indexOf匹配

"contains": markFunction(function( text ) {
    return function( elem ) {
        return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1;
    };
}),

取空

遞迴這個節點,排除nodeType大於6的節點

// Contents
"empty": function( elem ) {
    // http://www.w3.org/TR/selectors/#empty-pseudo
    // :empty is negated by element (1) or content nodes (text: 3; cdata: 4; entity ref: 5),
    //   but not by others (comment: 8; processing instruction: 7; etc.)
    // nodeType < 6 works because attributes (2) do not appear as children
for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) { if ( elem.nodeType < 6 ) { return false; } } return true; },

檢視包含

遞迴sizzle通過傳遞上下文物件,實現包含查詢

"has": markFunction(function( selector ) {
    return function( elem ) {
        return Sizzle( selector, elem ).length > 0;
    };
}),

匹配含有子元素或者文字的元素

"parent": function( elem ) {
    return !Expr.pseudos["empty"]( elem );
},