学习jquery里的正则表达式-Web前端之家

学习jquery里的正则表达式。

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

根据jquery的注释，其是匹配HTML字符串和ID选择器

一开始看这段正则表达式的时候，怎么匹配非<的0个或者多个，又匹配<，这样到底是匹配<还是不匹配呢？而且html标签，不是应该就直接匹配<吗？

首先(?:pattern)匹配 pattern 但不获取匹配结果，也就是说这是一个非获取匹配，不进行存储供以后使用。而且其会匹配所有非括号里的内容。

下面给个例子来说明

var quickExpr = /^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/; 
sss="jytjt<dd1></1>fefef" 
match=quickExpr.exec(sss); 
alert(match);

结果是jytjt<dd1></1>fefef=,<dd1></1> 。
可以看到exec返回的是一个数组，而且第二个字符串就是？：匹配掉<>外非<和非>的字符。
在jquery中获得结果的方法也是match[1]。所以这样即使你给jquery的选择器输入了多余的html标签，它也可以筛选出正确的html标签来。同时这里的？：还会筛选掉#，所以会得到只有id名，没有#号的id。
所以这段jquery正则表达式的意思就是，筛选html标签或者id选择符。