jQuery源码分析之正则表达式

    jQuery源码中多处使用正则表达式处理字符串，现挑选其中部分正则表达式加于研究，以加深对正则表达式的理解，巩固知识。本次涉及到的javascript正则表达式的概念有：组合、选择、引用。

quickExpr = /^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/;

   该正则表达式匹配以下两种情况：

  （1）html字符串：多个标签selector = '<p><span>正则</span></p>';单个标签selector = '<span>正则</span>';

 （2）以#开头字符串：selector = '#myId';  

match = quickExpr.exec( selector );

  方法exec：如果字符串与正则表达式匹配，则返回一个数组，该数组第一个元素为正则表达式所匹配的字符串值。第二个元素开始则是正则表达式的组合所匹配的子字符串值，所谓组合即是用括号括起来的部分，比如(<[\w\W]+>)和([\w\-]*)，(?:)括起来的部分也表示组合但不能引用它所匹配的字符串值，即它括起来的部分匹配的字符串不会放入match数组中，也不能通过RegExp.$索引号或\索引号的方式引用。引用的索引号是根据括号从左到右的顺序计算的，比如正则表达/^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/中，由于(?:)括起来的的组合不能引用，因此(<[\w\W]+>)的索引号为1，([\w\-]*)的索引号为2。如果字符串与正则表达式不匹配，则返回null。根据以上分析

match = quickExpr.exec( selector );执行结果如下：

    第一种情况:

 match = ['<p><span>正则</span></p>','<p><span>正则</span></p>',undefined];
 match = ['<span>正则</span>','<span>正则</span>',undefined];

    第二种情况:

match = ['#myId',undefined,'myId'];

 rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>)?$/;

    该正则表达式匹配单个html标签，有以下两种形式：

 （1）有闭合标签：selector = '<span></span>';

  （2）无闭合标签：selector = '<img src="../image.jpg" style="width:12px;height:12px;border:0;" />';   

ret = rsingleTag.exec( selector );

    (\w+)为第一个组合。(?:<\/\1>)为只组合不引用，与之匹配的字符串不能被引用。\1为反向引用，所引用的是第一个组合所匹配的值，这里的意思是必须与第一个组合的匹配的字符串配对，比如与(\w+)匹配的字符串是span，则\1匹配的字符串必须是span。

  根据（一）对exec方法、组合、引用的解释，ret = rsingleTag.exec( selector );的执行结果如下：

 （1）有闭合标签情况：

ret = ['<span></span>','span'];

  （2）无闭合标签情况：

ret = ['<img />','img'];