在jQuery中判断字符串是否包含某个子串，主要通过JavaScript原生方法实现，常用indexOf()和includes()，indexOf()返回子串首次出现的索引，若不存在则返回-1，可通过if (str.indexOf('substring') !== -1)判断；includes()直接返回布尔值，更直观，如if (str.includes('substring'))，若字符串来自jQuery对象属性（如DOM元素的文本或属性值），需先获取内容再判断，$(element).text().includes('target')，两种方法均高效简洁，推荐includes()`更符合现代JS开发习惯。
jQuery 中判断字符串是否包含某个字符串的实用方法
在 Web 开发中，经常需要判断一个字符串是否包含特定的子串，例如表单验证（检查邮箱是否包含"@"符号）、数据处理（过滤敏感词）或内容分析等，虽然 jQuery 本身是一个专注于 DOM 操作的轻量级库，但我们可以巧妙地结合 JavaScript 原生方法和 jQuery 工具函数，灵活实现字符串包含的判断功能，本文将详细介绍几种常用方法，分析它们的适用场景、性能特点及注意事项,帮助开发者根据实际需求选择最合适的解决方案。
核心方法详解
使用 JavaScript 原生 includes() 方法（推荐）
includes() 是 ES6 引入的字符串方法，专门用于判断一个字符串是否包含另一个字符串，返回布尔值 true 或 false，这是最简洁直观的方式，在现代浏览器中兼容性良好（IE11 及以下不支持）。
语法：
str.includes(searchString, position)
searchString：要搜索的子串（必填参数）position：搜索的起始位置（可选，默认为 0）
示例：
let str = "Hello, jQuery is great!";
let substr1 = "jQuery";
let substr2 = "javascript";
// 判断是否包含 substr1
if (str.includes(substr1)) {
console.log("字符串包含 'jQuery'"); // 输出：字符串包含 'jQuery'
}
// 判断是否包含 substr2（不区分大小写）
if (str.toLowerCase().includes(substr2.toLowerCase())) {
console.log("字符串包含 'javascript'（不区分大小写）"); // 不会输出
}
jQuery 中的使用：
在 jQuery 事件处理或 DOM 操作中,可以直接调用此方法：
$(document).ready(function() {
$("#checkBtn").click(function() {
let inputText = $("#inputField").val();
if (inputText.includes("@")) {
$("#result").text("邮箱格式正确（包含 '@'）").css("color", "green");
} else {
$("#result").text("邮箱格式错误（缺少 '@'）").css("color", "red");
}
});
});
注意事项：
- 对于需要支持旧版浏览器的项目，需考虑兼容性问题
- 搜索区分大小写，如需不区分大小写，可先将字符串统一转换为小写或大写
使用 JavaScript 原生 indexOf() 方法（兼容性最佳）
indexOf() 是 ES3 引入的经典方法，返回子串在字符串中首次出现的索引，如果未找到则返回 -1，通过判断返回值是否为 -1，即可确定是否包含子串，此方法兼容性极好，适用于所有浏览器，包括 IE6 及以上版本。
语法：
str.indexOf(searchString, position)
参数与 includes() 一致，返回值为索引或 -1。
示例：
let str = "jQuery makes DOM easy";
let substr = "DOM";
// 判断是否包含 substr
if (str.indexOf(substr) !== -1) {
console.log("字符串包含 'DOM'"); // 输出：字符串包含 'DOM'
}
// 区分大小写示例
if (str.indexOf("dom") === -1) {
console.log("字符串不包含 'dom'（区分大小写）"); // 输出：字符串不包含 'dom'
}
jQuery 中的使用：
$(function() {
$("#validateBtn").on("click", function() {
let username = $("#username").val();
if (username.indexOf("admin") !== -1) {
alert("用户名不能包含 'admin'");
} else {
alert("用户名可用");
}
});
});
注意事项：
- 性能上略逊于
includes()，因为需要比较返回值而非直接得到布尔结果 - 对于空字符串搜索，
indexOf()会返回 0，需要注意特殊处理
使用 jQuery 工具函数 $.inArray()（适用于特定场景）
$.inArray() 是 jQuery 提供的工具方法，用于查找指定值在数组中的索引（未找到返回 -1），虽然主要用于数组，但可通过 split() 将字符串转为数组,间接实现字符串包含判断。
语法：
$.inArray(value, array)
value：要查找的值array：被搜索的数组
示例：
let str = "apple,banana,orange";
let substr = "banana";
// 将字符串按逗号分割为数组
let fruits = str.split(",");
let index = $.inArray(substr, fruits);
if (index !== -1) {
console.log("字符串包含 'banana'，位置索引为：" + index);
} else {
console.log("字符串不包含 'banana'");
}
jQuery 中的使用：
$(function() {
$("#checkFruit").on("click", function() {
let fruitList = $("#fruitInput").val();
let selectedFruit = $("#fruitSelect").val();
if ($.inArray(selectedFruit, fruitList.split(",")) !== -1) {
$("#result").text("列表中已包含 " + selectedFruit).css("color", "blue");
} else {
$("#result").text("列表中不包含 " + selectedFruit).css("color", "orange");
}
});
});
注意事项：
- 此方法适用于特定分隔符的字符串场景
- 性能上不如原生方法，因为需要额外的数组转换操作
- 对于复杂字符串匹配，不如正则表达式灵活
使用正则表达式方法（最灵活）
正则表达式提供了最强大的字符串匹配能力，适用于复杂的包含判断需求，如模式匹配、多条件判断等。
示例：
let str = "Contact us at support@example.com or sales@example.com";
let emailPattern = /@example\.com/;
// 使用 test() 方法
if (emailPattern.test(str)) {
console.log("字符串包含 '@example.com' 域名的邮箱");
}
// 使用 search() 方法
let position = str.search(emailPattern);
if (position !== -1) {
console.log("匹配位置：" + position);
}
// 使用 match() 方法获取所有匹配项
let matches = str.match(/@example\.com/g);
if (matches) {
console.log("找到 " + matches.length + " 个匹配项");
}
jQuery 中的使用：
$(function() {
$("#validateEmail").on("blur", function() {
let email = $(this).val();
let emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (emailRegex.test(email)) {
$(this).next(".feedback").text("邮箱格式正确").css("color", "green");
} else {
$(this).next(".feedback").text("请输入有效的邮箱地址").css("color", "red");
}
});
});
注意事项：
- 正则表达式语法复杂，学习成本较高
- 对于简单包含判断，可能过于复杂
- 性能取决于正则表达式的复杂程度
实际应用场景示例
表单验证中的邮箱格式检查
$(function() {
$("#emailForm").submit(function(e) {
e.preventDefault();
let email = $("#emailInput").val();
// 使用 includes() 简单检查
if (!email.includes("@")) {
$("#emailError").text("邮箱必须包含 '@' 符号").show();
return;
}
// 使用正则表达式完整验证
let emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!
