jquery里的正则表达式说明

dly · 发表于 2011-9-14 08:23:18

// A simple way to check for HTML strings or ID strings

// (both of which we optimize for)

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选择符