jQuery中的val()示例应用

// HTML 部分
<input type="text" id="myInput" value="Hello, jQuery!">
<button id="getValue">获取值</button>
<button id="setValue">设置值</button>

// jQuery 部分
$(document).ready(function(){
    // 获取 input 的值
    $("#getValue").click(function(){
        var value = $("#myInput").val();
        alert("当前的值是: " + value);
    });

    // 设置 input 的值
    $("#setValue").click(function(){
        $("#myInput").val("新的值");
    });
});

这段代码展示了如何在jQuery中使用`val()`方法来获取和设置表单元素（如input）的值。当点击"获取值"按钮时，会弹出一个对话框显示input框的当前值；当点击"设置值"按钮时，会将input框的值设置为"新的值"。