jQuery中的val()方法是用于获取或设置表单元素的值的方法。无论是文本框、选择框、单选框还是复选框,val()方法可以帮助我们获取输入框中的值,并且也可以用于设置输入框的值。在编写代码时,理解val()方法的功能及其使用方法是非常重要的。
首先,让我们来看一个简单的示例来演示val()方法的作用。假设我们有一个简单的HTML表单,其中包含一个文本框和一个按钮。我们想要实现点击按钮后,将文本框中的值弹出显示在页面上。这时候,可以使用.val()方法获取文本框中的值。以下是示例代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery val()方法示例</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <input type="text" id="textInput"> <button id="showValue">显示数值</button> <div id="display"></div> <script> $(document).ready(function(){ $(\'#showValue\').click(function(){ var textValue = $(\'#textInput\').val(); $(\'#display\').text(textValue); }); }); </script> </body> </html>