jquery 正则匹配写法

jquery 正则匹配写法

正则表达式是 JavaScript 中一种强大的字符串匹配工具，而在

jQuery 中，我们也可以使用正则表达式进行匹配和替换。下面，我将介绍几种常见的 jQuery 正则匹配写法。

一、使用 jQuery 选择器匹配

jQuery 选择器可以方便地选择符合一定条件的元素，而正则表达式也可以作为选择器的一种。例如，我们可以使用 jQuery 选择器选择所有包含特定文本的元素：

```javascript

$('p:contains("Hello")').css('color', 'red');

```

上述代码将选择页面中所有包含文本 "Hello" 的 `

` 元素，并将其颜色改为红色。

二、使用 test() 方法匹配

test() 方法用于判断一个字符串是否符合指定的正则表达式。例如，我们可以使用 test() 方法匹配一个输入框是否输入了数字：

```javascript

var input = $('#myInput').val();

if ((/^d+$/)) {

// 输入框中输入的是数字

} else {

// 输入框中输入的不是数字

}

```

第 1 页 共 3 页

上述代码将获取 ID 为 `myInput` 的输入框的值，并使用正则表达式 `/^d+$/` 判断是否只包含数字。如果是，则执行相应的操作；否则，执行另一组操作。

三、使用 each() 方法匹配多个元素

each() 方法用于遍历一个集合中的每个元素，并对每个元素执行一段代码。我们可以使用 each() 方法遍历一个集合中的所有元素，并对每个元素执行一个正则表达式匹配操作。例如，我们可以筛选出所有链接（`a` 标签）中的有效链接：

```javascript

$('a').each(function() {

var href = $(this).attr('href');

if ((/^http:/)) {

// 这是一个有效链接

// 对链接执行相应操作

} else {

// 这不是一个有效链接

}

});

```

上述代码将遍历页面中的所有链接，并使用正则表达式

`/^http:/` 判断是否以 "" 开头。如果是，则执行相应的操作；否则，跳过该元素。

四、使用全局和贪婪模式匹配

第 2 页 共 3 页

正则表达式中有两种模式：全局模式和贪婪模式。在 jQuery

中，我们也可以使用这两种模式进行匹配。例如，我们可以使用全局模式匹配一个字符串中所有的某个字符：

```javascript

var str = 'hello world';

var match = (/o/g); // ['o', 'o']

```

上述代码将匹配字符串 `'hello world'` 中所有的 'o'，并将结果存储在 `match` 变量中。又例如，我们可以使用贪婪模式匹配一个字符串中的一段连续字符：

```javascript

var str = 'abcabcabc';

var match = (/abc/g); // ['abc', 'abc', 'abc']

```

上述代码将匹配字符串 `'abcabcabc'` 中所有的连续 'abc'，并将结果存储在 `match` 变量中。在上面的例子中，正则表达式

`/abc/g` 中的 `g` 表示贪婪模式。

以上就是几种常见的 jQuery 正则匹配写法。通过这些方法，我们可以方便地进行字符串匹配和替换操作，提高开发效率。

第 3 页 共 3 页