jquery TypeError: U[a].exec is not a function 是咋个回事

来源：互联网发布：化学品兼容性矩阵编辑：程序博客网时间：2024/06/03 23:46

jquery TypeError: U[a].exec is not a function 是咋个回事

我自行定义了 js对象原型 Object.prototype.toJSONString = function () { var a = ['{'], // The array holding the text fragments. b, // A boolean indicating that a comma is required. k, ...展开

laodai11| 浏览 9680 次

发布于2014-09-19 02:56最佳答案

这个是jquery构造的问题，jquery官方非常多的提醒过这个，就是不要随便用prototype，会影响到jquery的遍历。

children的实现是一个遍历，你自定义了一个prototype，于是jquery就会遍历到这个，但你这个又是个函数，而不是一个jquery对象

而当你使用("#question_box p") 在jq内部就不是遍历来实现的，而是find

find的实现

find: function( selector ) {
 
    // 当表达式不包含“,”符号时候
 
    if ( this.length === 1 && !/,/.test(selector) ) {
 
        var ret = this.pushStack( [], "find", selector );
 
        ret.length = 0;
 
        jQuery.find( selector, this[0], ret );
 
        return ret;
 
    } 
 
    // 当表达式包含“,”符号时候
 
    else {
 
        var elems = jQuery.map(this, function(elem){
 
            return jQuery.find( selector, elem );
 
        });
 
 
 
        return this.pushStack( /[^+>] [^+>]/.test( selector ) ?
 
            jQuery.unique( elems ) :
 
            elems, "find", selector );
 
    }
 
}
//其中的jQuery.find是这样一个方法：
jQuery.find = Sizzle.find;
//而sizzle又是这样一个方法：
var Sizzle = function(selector, context, results, seed) {
    results = results || [];
    context = context || document;
 
    if ( context.nodeType !== 1 && context.nodeType !== 9 )
        return [];
     
    if ( !selector || typeof selector !== "string" ) {
        return results;
    }
 
    var parts = [], m, set, checkSet, check, mode, extra, prune = true;
     
    // Reset the position of the chunker regexp (start from head)
    chunker.lastIndex = 0;
     
    while ( (m = chunker.exec(selector)) !== null ) {
        parts.push( m[1] );
         
        if ( m[2] ) {
            extra = RegExp.rightContext;
            break;
        }
    }
 
    if ( parts.length > 1 && origPOS.exec( selector ) ) {
        if ( parts.length === 2 && Expr.relative[ parts[0] ] ) {
            set = posProcess( parts[0] + parts[1], context );
        } 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 );
            }
        }
    } else {
        var ret = seed ?
            { expr: parts.pop(), set: makeArray(seed) } :
            Sizzle.find( parts.pop(), parts.length === 1 && context.parentNode ? context.parentNode : context, isXML(context) );
        set = Sizzle.filter( ret.expr, ret.set );
 
        if ( parts.length > 0 ) {
            checkSet = makeArray(set);
        } else {
            prune = false;
        }
 
        while ( parts.length ) {
            var cur = parts.pop(), pop = cur;
 
            if ( !Expr.relative[ cur ] ) {
                cur = "";
            } else {
                pop = parts.pop();
            }
 
            if ( pop == null ) {
                pop = context;
            }
 
            Expr.relative[ cur ]( checkSet, pop, isXML(context) );
        }
    }
 
    if ( !checkSet ) {
        checkSet = set;
    }
 
    if ( !checkSet ) {
        throw "Syntax error, unrecognized expression: " + (cur || selector);
    }
 
    if ( toString.call(checkSet) === "[object Array]" ) {
        if ( !prune ) {
            results.push.apply( results, checkSet );
        } else if ( context.nodeType === 1 ) {
            for ( var i = 0; checkSet[i] != null; i++ ) {
                if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && contains(context, checkSet[i])) ) {
                    results.push( set[i] );
                }
            }
        } else {
            for ( var i = 0; checkSet[i] != null; i++ ) {
                if ( checkSet[i] && checkSet[i].nodeType === 1 ) {
                    results.push( set[i] );
                }
            }
        }
    } else {
        makeArray( checkSet, results );
    }
 
    if ( extra ) {
        Sizzle( extra, context, results, seed );
    }
 
    return results;
};

而children的实现方法如下（children就是“>”）

relative: {
 
    //
 
    ">": function(checkSet, part, isXML){
 
        // 当part为单词字符时，如$("form > input")，part为“form”
 
        if ( typeof part === "string" && !/\W/.test(part) ) { 
 
            part = isXML ? part : part.toUpperCase(); 
 
            for ( var i = 0, l = checkSet.length; i < l; i++ ) {
 
                var elem = checkSet[i];
 
                if ( elem ) {
 
                    // 得到elem的父节点
 
                    var parent = elem.parentNode;
 
                    // 如果父节点名称为part值时，在checkSet[i]上赋值父节点，否则赋值false
 
                    checkSet[i] = parent.nodeName === part ? parent : false;
 
                }
 
            }
 
        // 当part为非单词字符时，如$(".blue > input")，part为“.blue”
 
        } else {
 
            for ( var i = 0, l = checkSet.length; i < l; i++ ) {
 
                var elem = checkSet[i];
 
                if ( elem ) {
 
                    checkSet[i] = typeof part === "string" ?
 
                        elem.parentNode :
 
                        elem.parentNode === part;
 
                }
 
            } 
 
            if ( typeof part === "string" ) {
 
                Sizzle.filter( part, checkSet, true );
 
            }
 
        }
 
    },
 
}

看出区别了吗？用的是Sizzle.filter

说道Sizzle，那是相当牛的一个选择器引擎，find和filter是其核心方法之一，他们的区别可以看这个：

http://www.cnblogs.com/xesam/archive/2012/02/15/2352574.html

http://www.cnblogs.com/xesam/archive/2012/02/18/2356617.html

其中跟你的问题有关的段落摘录如下：

find直接用原生的getElementById（当然也会用byname或者其他）去找

Expr.find  = {
    ID: function( match, context, isXML ) {
        if ( typeof context.getElementById !== "undefined" && !isXML ) {
            var m = context.getElementById(match[1]);
            return m && m.parentNode ? [m] : []; 
        }
    },
    //byclass by name是一样的实现

而children因为只找子一级，不再往下找，所以采取的是两次过滤的方法，即过滤questionbox的下一级元素，然后再看是不是p标签，（在jq的1.2以后的版本里，这个过程是反过来的，似乎，即先找出所有p，然后再看父元素是不是你前一个筛选器，这个机制我记不太清了，懒得去翻源代码看了，你有兴趣可以研究下）

那么，这时候就要用到for in循环，而这时候你又给所有对象定义了新的属性，所以for in的时候必然遍历到你这个新属性，你这个自定义的属性又不是个jq对象，于是自然杯具了。

但奇特的是，我反复测试了你的代码，发现在jq2.0以后的版本上似乎是没问题的。。。难道jq改了选择器的实现？

追问

不太清楚了  我将我页面上的 jquery 改成了2.1.1版本 还是有这个问题 除非去掉那个 原型的定义

追答

嗯 总之最好不要这样用。也可能是你别的一些方法影响了jq

0 0