jquery 转大写

使用 jQuery 将文本转换为大写

在 jQuery 中，可以通过 JavaScript 的字符串方法 toUpperCase() 结合 jQuery 的选择器和操作方法实现文本转大写。以下是几种常见场景的实现方式：

转换输入框内容

$('#inputId').val(function(_, val) {
    return val.toUpperCase();
});

此代码会获取 ID 为 inputId 的输入框内容，并将其转换为大写后重新赋值。

转换元素文本内容

$('.text-element').text(function(_, text) {
    return text.toUpperCase();
});

此代码会遍历所有类名为 text-element 的元素，将其文本内容转换为大写。

实时输入转换

$('#inputField').on('input', function() {
    $(this).val($(this).val().toUpperCase());
});

此代码会在用户输入时实时将输入内容转换为大写。

注意事项

• toUpperCase() 是 JavaScript 原生方法，jQuery 仅用于 DOM 操作。
• 转换仅影响拉丁字母，非字母字符（如中文）不受影响。
• 对于大量元素操作，建议使用 jQuery 的 each() 方法进行优化。

替代方案

如果只需要转换特定字符串而不涉及 DOM 操作，可直接使用 JavaScript：

var upperCaseString = originalString.toUpperCase();