jquery获取textarea内容

获取textarea内容的方法

使用jQuery获取<textarea>元素的内容可以通过以下几种方式实现：

通过val()方法获取 val()是jQuery提供的用于获取表单元素值的标准方法。对于<textarea>，直接调用该方法即可返回当前内容：

var content = $('#myTextarea').val();

通过text()或html()方法 虽然不推荐，但某些情况下也可以使用text()方法获取纯文本内容（会忽略HTML标签）：

var textContent = $('#myTextarea').text();

处理多行文本 当需要处理换行符时，获取的值会保留原始输入格式：

$('#submitBtn').click(function(){
    console.log($('#messageBox').val()); // 保留换行符
});

动态监听内容变化 结合input事件可以实时获取内容变化：

$('#liveTextarea').on('input', function(){
    var currentText = $(this).val();
    $('#characterCount').text(currentText.length);
});

注意事项

• 空textarea会返回空字符串""
• 通过JavaScript直接修改value属性时，需用val()重新获取最新值
• 表单提交前建议使用trim()处理内容：$('#myTextarea').val().trim()

示例代码

<textarea id="note"></textarea>
<button id="getContent">获取内容</button>

<script>
$('#getContent').click(function(){
    alert($('#note').val());
});
</script>