jquery 转大写

使用 jQuery 将文本转换为大写

jQuery 本身没有直接转换大小写的方法，但可以通过 JavaScript 的 toUpperCase() 方法结合 jQuery 的选择器和操作来实现。

转换输入框内容为大写

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

转换元素文本内容为大写

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

转换表单提交数据为大写

$('form').submit(function() {
    $('input[type=text]', this).each(function() {
        $(this).val($(this).val().toUpperCase());
    });
});

注意事项

• toUpperCase() 是 JavaScript 原生方法，jQuery 只是用来获取和设置 DOM 元素的值
• 这种方法会转换所有字母字符为大写，包括原本已经是小写的字符
• 对于多语言支持，可能需要考虑本地化的转换方法

替代方案

如果需要更灵活的大小写转换，可以考虑使用 CSS 的 text-transform 属性：

.uppercase {
    text-transform: uppercase;
}

然后通过 jQuery 添加类：

$('.element').addClass('uppercase');

这种方法只改变显示效果，不会改变实际的文本内容。