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();         // 这种方式只有整个网页只有一个文本输入框才是正确的

下面给出示例:

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

<input id="test" name="test" type="text"/>
<input type="button" value="显示文本框输入内容">

简单设置一下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());
    });
})

观察显示效果

1.png

更多web前端知识,请查阅 HTML中文网 !!

以上就是jquery如何获取value值?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » jQuery 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏