获取value值和html值,jquery如何获取value值？

jquery如何获取value值？下面本篇文章给大家介绍一下使用jquery获取value值的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

在jquery中，可以使用val() 方法来获取被选元素的value值。

val()方法可以返回被选元素的 value 属性值，会返回第一个匹配元素的value属性的值。

语法：$(selector).val()

例：$("input#test").val(); // 推荐这种方式，因为id是唯一的

$("input[name='test']").val(); // 此时需要注意是否有同名的input元素

$("input:text").val(); // 这种方式只有整个网页只有一个文本输入框才是正确的

下面给出示例：

创建一个文本框和一个触发获取文本框输入内容的按钮

简单设置一下css样式input[type='text']{width:200px;height:35px;margin:10px;border:1px dashed green; border-radius:5px;}

input[type='button']{width:200px;height:35px;margin:10px;border:2px solid #ebbcbe;}

添加jquery代码$(function(){

$("input:button").click(function() {

alert($("input#test").val());

});

})

观察显示效果

更多web前端知识，请查阅 HTML中文网 ！！