菜鸟读jQuery 2.0.3 源码分析系列（2）

浏览数：25 / 时间：2015年06月09日

原文链接在这里，作为一个菜鸟，我就一边读一边写

我是菜鸟，推荐木有入门或者刚刚JS入门摸不着边的看看，大大们手下留情，想一起学习的Jser可以给我留言。

今天写一点，第二篇jQuery选择器

// A simple way to check for HTML strings
//一个简单的方法来检查HTML字符串
// Prioritize #id over <tag> to avoid XSS via location.hash (#9521)
//优先处理#id为了避免通过XSS攻击
// Strict HTML recognition (#11290: must start with <)
//严格的HMLT识别
     rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,

看到这个就知道哭瞎两个字怎么写了。。看来看去最后还是逃不脱正则的魔掌/(ㄒoㄒ)/~~

我先拆分一下这个正则吧。

^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$
?:\s*(<[\w\W]+>)[^>]*|#([\w-]*)
?:
\s*(<[\w\W]+>)[^>]*
|
#([\w-]*)

拆分之后就是上面了。
？： |

这个应该是一个正则表达方式，我看了文字描述始终有些不懂。之前看了，又忘掉啦！！等一会找篇文章看看复习下。

\s*(<[\w\W]+>)[^>]*
//这个代码再拆分
\s*//匹配任何空白字符，包括空格、制表符、换页符等等。
<[\w\W]+>
//    \w
匹配包括下划线的任何单词字符。等价于“[A-Za-z0-9_]”。
//  \W
匹配任何非单词字符。等价于“[^A-Za-z0-9_]”。
[^>]*//除了>括号结尾的0个或者多个

上面这个正则，的意思就是，匹配开头没有或者多个空白字符，
第二个字符是<中间有一个或者多个任意字符串(\w\W包括了所有字符)下一个字符是>，最后字符不是>结尾的字符串

3. #([\w-]*))$

匹配结尾带上#号的任意字符，包括下划线与-

吐槽文章中的这一句话，实在是有歧义啊。。

应该这么理解。匹配以#号开头的任意字符串结尾。

(?:pattern)	匹配pattern但不获取匹配的子字符串，也就是说这是一个非获取匹配，不存储匹配的子字符串用于向后引用。这在使用或字符“`(\|)`”来组合一个模式的各个部分是很有用。例如“`industr(?:y\|ies)`”就是一个比“`industry\|industries`”更简略的表达式。

总结一下，上面的这个正则表达式所表达的是，匹配任何html标签和#id。

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

菜鸟读jQuery 2.0.3 源码分析系列（2）