在jQuery中判断字符串是否包含另一个字符串，主要通过JavaScript原生String对象的方法实现，因jQuery未提供专门API，常用方法包括：1.includes()：ES6新增，返回布尔值，如"hello world".includes("world")为true；2.indexOf()：返回匹配索引，若为-1则不包含，如"hello".indexOf("ell")>0；3.search()配合正则，如"text".search(/ext/)!=-1，需注意includes()在IE等旧浏览器需polyfill支持，实际使用中，可直接在jQuery回调或变量操作中调用这些方法，结合场景灵活判断字符串包含关系。
jQuery 中判断字符串包含关系的实用方法与技巧
在 Web 开发中，字符串操作是基础且高频的需求，其中判断一个字符串是否包含特定子字符串更是无处不在的场景，虽然 jQuery 本身是专注于 DOM 操作的 JavaScript 库，并未直接提供“字符串包含”的专属 API，但我们可以巧妙结合 JavaScript 原生字符串方法或利用 jQuery 的工具方法，灵活高效地实现这一功能，本文将深入探讨几种实用的判断方法，分析其适用场景、优缺点及注意事项，助您在项目中游刃有余。
澄清：jQuery 的 `$.contains()` 方法仅适用于 DOM 节点
必须澄清一个常见的认知误区：jQuery 提供的 `$.contains()` 方法**并非用于判断字符串的包含关系**，其核心功能是检测一个 DOM 元素是否包含另一个 DOM 元素（即父子节点关系）。
// 判断父 DOM 节点是否包含子 DOM 节点
var parentElement = document.getElementById("parent-container");
var childElement = document.getElementById("target-element");
console.log("$.contains(parentElement, childElement):", $.contains(parentElement, childElement)); // true 或 false，取决于 DOM 结构
若需处理字符串包含判断,必须借助 JavaScript 原生字符串方法或自定义逻辑。
常用字符串包含判断方法（基于 JavaScript 原生 API）
使用 `indexOf()`（兼容性王者，经典可靠）
`indexOf()` 是 JavaScript 字符串对象的原生方法，用于返回子字符串在原字符串中首次出现的索引位置，若子字符串不存在，则返回 `-1`，通过判断返回值是否为 `-1`，即可高效确定包含关系。
语法：
str.indexOf(subStr) !== -1
示例：
var mainString = "Hello, welcome to the world of jQuery!"; var substring1 = "jQuery"; var substring2 = "javascript"; var emptyString = "";// 判断包含关系 console.log(
"${mainString}" 包含 "${substring1}"?, mainString.indexOf(substring1) !== -1); // true console.log("${mainString}" 包含 "${substring2}"?, mainString.indexOf(substring2) !== -1); // false console.log("${mainString}" 包含空字符串?, mainString.indexOf(emptyString) !== -1); // true (空字符串被视为包含于任何字符串)
特点与适用场景：
- 兼容性极佳：支持所有主流浏览器，包括 IE6 及以上版本。
- 返回索引信息：不仅能判断是否包含，还能获取子字符串的起始位置，便于后续操作（如截取、替换）。
- 区分大小写：`"Hello".indexOf("hello")` 返回 `-1`，如需忽略大小写，需结合 `toLowerCase()`/`toUpperCase()` 或 `search()` + 正则。
- 空字符串处理：`indexOf("")` 总是返回 `0`，意味着空字符串被视为包含于任何字符串，需根据业务逻辑判断是否需要此行为。
- 适用场景：需要广泛兼容性、需要获取子串位置、对性能要求极高的场景。
使用 `includes()`（ES6 优选，语义清晰）
`includes()` 是 ES6 (ECMAScript 2015) 新增的字符串方法，直接返回布尔值 (`true`/`false`)，语义更直观，代码更简洁。
语法：
str.includes(subStr)
示例：
var mainString = "Hello, welcome to the world of jQuery!"; var substring1 = "jQuery"; var substring2 = "javascript";// 判断包含关系 console.log(
"${mainString}" 包含 "${substring1}"?, mainString.includes(substring1)); // true console.log("${mainString}" 包含 "${substring2}"?, mainString.includes(substring2)); // false// 支持指定起始位置（可选参数） console.log(
从索引 10 开始查找 "jQuery"?, mainString.includes("jQuery", 10)); // true console.log(从索引 20 开始查找 "jQuery"?, mainString.includes("jQuery", 20)); // false
特点与适用场景：
- 语法简洁优雅：直接返回布尔值，代码可读性高。
- 区分大小写：与 `indexOf()` 一致。
- 支持起始位置：可选的第二个参数 `start` 指定搜索的起始位置，提高灵活性。
- 兼容性限制：**不支持 IE 浏览器**，在需要兼容旧环境的项目中，需配合 Babel 等工具转译，或手动添加 Polyfill。
- 适用场景：现代浏览器环境（Chrome, Firefox, Edge, Safari 最新版）、Node.js 环境、追求代码简洁性和可读性的项目。
Polyfill 兼容 IE（手动实现）：
// 在旧浏览器环境（如 IE）中为 String 添加 includes 方法
if (!String.prototype.includes) {
String.prototype.includes = function(search, start) {
'use strict';
if (typeof search !== 'string') {
throw new TypeError('search must be a string');
}
var position = (start || 0);
return this.indexOf(search, position) !== -1;
};
}
使用 `search()`（正则表达式加持，灵活强大）
`search()` 方法用于在字符串中检索与指定正则表达式匹配的子串，返回匹配的起始索引（未匹配则返回 `-1`），当需要基于正则表达式进行模式匹配（如忽略大小写、匹配特定格式）时，此方法尤为强大。
语法：
str.search(regExp) !== -1
示例：
var mainString = "Hello, welcome to the world of jQuery! Version 3.6.0"; var substring1 = "jquery"; // 小写 var substring2 = /\d+/; // 匹配任意数字（1次或多次）// 忽略大小写判断 console.log(
忽略大小写包含 "jquery"?, mainString.search(new RegExp(substring
