jquery里的正则表达式说明

190 阅读 0 评论 126 点赞

我是靠谱客的博主真实毛豆，最近开发中收集的这篇文章主要介绍jquery里的正则表达式说明，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

// (both of which we optimize for)

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

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

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

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

下面给个例子来说明

复制代码代码如下:

 
var quickExpr = /^(?:[^<]*(<[wW]+>)[^>]*$|#([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选择符