网站链接: 我爱捣鼓
当前位置: 首页 > 前端开发  > jQuery

jquery如何获取表单type="text"元素的值?

2021/9/18 21:29:29

jQuery 中非常重要的部分,就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。 jQuery中的val()方法就是用来设置或返回表单字段type="text"元素的值。我们通过以下例子来看看val()方法如何获取表…

        jQuery 中非常重要的部分,就是操作 DOM 的能力。

        jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。

        jQuery中的val()方法就是用来设置或返回表单字段type="text"元素的值。我们通过以下例子来看看val()方法如何获取表单type="text"元素的值。

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<title>jquery如何获取表单type="text"元素的值?www.woaidaogu.com</title>
<script src="scripts/jquery/jquery-1.11.2.min.js"></script>
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    alert("值为: " + $("#test").val());
  });
});
</script>
</head>
<body>
<p>名称: <input type="text" id="test" value="我爱捣鼓"></p>
<button>显示值</button>
</body>
</html>

image.png

        通过以上内容我们知道了jQuery如何获取表单type="text"元素的值,感谢您访问“我爱捣鼓(www.woaidaogu.com)”网站的内容,希望对大家有所帮助!引用本文内容时,请注明出处!谢谢合作!

相关资讯

    暂无相关的数据...