jquery 转小写

使用 jQuery 将字符串或元素内容转为小写

在 jQuery 中，可以通过 JavaScript 原生方法 .toLowerCase() 实现转小写操作，以下是几种常见场景的实现方式：

转换字符串变量

直接对字符串调用原生方法：

var originalText = "HELLO WORLD";
var lowerCaseText = originalText.toLowerCase();
console.log(lowerCaseText); // 输出: "hello world"

转换输入框的值

获取表单元素值并转换：

$("#inputField").val(function(i, text) {
    return text.toLowerCase();
});

转换元素文本内容

修改 DOM 元素的文本内容：

$(".targetElement").text(function(i, text) {
    return text.toLowerCase();
});

动态输入时实时转换

为输入框绑定事件实时转换：

$("#inputField").on("input", function() {
    $(this).val($(this).val().toLowerCase());
});

注意事项

• 该方法不会影响原字符串，而是返回新字符串
• 仅适用于 ASCII 字符，对于 Unicode 特殊字符需额外处理
• 转换前建议检查变量是否为字符串类型