jquery正则表达式语法
jQuery 正则表达式语法
jQuery 本身并未扩展 JavaScript 的正则表达式语法,但可以通过 JavaScript 原生正则表达式结合 jQuery 的方法实现字符串匹配、替换等操作。以下是常见的使用场景和语法示例:
正则表达式基础语法
JavaScript 正则表达式通过 /pattern/flags 或 new RegExp("pattern", "flags") 创建:
pattern: 匹配模式,如\d匹配数字。flags: 修饰符,如i(忽略大小写)、g(全局匹配)。
示例:
var regex = /hello/i; // 忽略大小写匹配 "hello"
var dynamicRegex = new RegExp("\\d+", "g"); // 全局匹配数字
jQuery 结合正则的常见操作
匹配字符串
使用 test() 或 match() 方法:

var str = "jQuery 3.5.1";
var versionRegex = /\d+\.\d+\.\d+/;
if (versionRegex.test(str)) {
console.log("版本号格式正确");
}
替换字符串
通过 replace() 方法:
var text = "价格: $100";
var cleanedText = text.replace(/\$/g, "¥"); // 替换 $ 为 ¥
表单验证 结合 jQuery 事件:
$("#email").on("blur", function() {
var email = $(this).val();
var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!emailRegex.test(email)) {
alert("邮箱格式无效");
}
});
常用正则模式示例
-
邮箱验证
/^[^\s@]+@[^\s@]+\.[^\s@]+$/
-
手机号(中国大陆)
/^1[3-9]\d{9}$/ -
提取数字
/\d+/g -
去除HTML标签
/<\/?[^>]+(>|$)/g
注意事项
- 动态构建正则时需转义特殊字符(如
\d需写成\\d)。 - jQuery 的
val()、text()等方法获取的字符串可直接用于正则操作。 - 复杂匹配建议优先测试正则表达式(如使用 RegExr 工具)。
通过结合原生 JavaScript 正则和 jQuery 的 DOM 操作,可以高效处理前端数据验证与文本处理需求。






