脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → jQuery操作value值

jQuery操作value值方法介绍

 更新时间：2022年05月04日 11:39:39   作者：.NET开发菜鸟  
这篇文章介绍了jQuery操作value值的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

val()可以获取或设置元素的value属性值。语法如下：

示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>value值操作演示示例</title>
    <style>
       *{
           margin-left: 10px;
           padding: 0px;
       }
       input{
           display: block;
           float: left;
       }
    </style>
    <!--引入jQuery-->
    <script src="../jquery-3.3.1.js"></script>
    <!--javascript-->
    <script>
       $(function(){
            $("#btnGet").click(function(){
                var val=$("input[type='text']").val();
                alert("value值:"+val);
             });
             $("#btnSet").click(function(){
                var html=$("input[type='text']").val("设置value值");
             });
       });
    </script>
</head>
<body>
    <input type="text" style="display:block;margin-bottom: 10px;" />
    <input type="button" id="btnGet" value="获取val()值" style="margin-right:10px;" />
    <input type="button" id="btnSet" value="设置val()值" />
</body>
</html>

效果：

到此这篇关于jQuery操作value值的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • jQuery编写设置和获取颜色的插件

    jQuery编写设置和获取颜色的插件

    本文主要分享了编写设置和获取颜色的插件，该插件用来实现两个功能：1.设置元素的颜色;2.获取元素的颜色。 具有一定的参考价值，下面跟着小编一起来看下吧
    2017-01-01
  • jQuery根据ID、CLASS、等获取对象的实例

    jQuery根据ID、CLASS、等获取对象的实例

    下面小编就为大家带来一篇jQuery根据ID、CLASS、等获取对象的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12
  • jquery 弹出层注册页面等(asp.net后台)

    jquery 弹出层注册页面等(asp.net后台)

    jquery 弹出层注册页面,尽力提高用户体验，吸引用户注册。
    2010-06-06
  • jquery实现的Accordion折叠面板效果代码

    jquery实现的Accordion折叠面板效果代码

    这篇文章主要介绍了jquery实现的Accordion折叠面板效果代码,通过jquery鼠标click事件操作页面元素样式动态变换实现手风琴折叠效果,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • select标签模拟/美化方法采用JS插件

    select标签模拟/美化方法采用JS插件

    select标签的外观问题很恼人，各个浏览器都不一致，单单就IE，一个版本就一个长相，还不能用CSS修饰，接下来将本人对select的美化方法共享出来，感兴趣的朋友可以参考下
    2013-04-04
  • jquery中的on方法使用介绍

    jquery中的on方法使用介绍

    使用jquery的朋友对其中的on方法并不陌生吧，下面为大家介绍下此方法的具体使用，感兴趣的朋友可以参考下
    2013-12-12
  • jQuery插件Validate实现自定义表单验证

    jQuery插件Validate实现自定义表单验证

    这篇文章主要介绍了jQuery插件Validate实现自定义表单验证，自定义一个验证方法，感兴趣的小伙伴们可以参考一下
    2016-01-01
  • jQuery实现ajax回调函数带入参数的方法示例

    jQuery实现ajax回调函数带入参数的方法示例

    这篇文章主要介绍了jQuery实现ajax回调函数带入参数的方法,结合实例形式对比分析了jQuery实现ajax回调函数不带入参数与带入参数的具体实现技巧,需要的朋友可以参考下
    2018-06-06
  • 基于jquery DOM写的类似微博发布的效果

    基于jquery DOM写的类似微博发布的效果

    看了上个原生js DOM版的微博发布的效果，再来看看如何用jq写。看完代码，就会发现jq的强大，用更少的代码写更多的效果
    2012-10-10
  • JQuery 常用操作代码

    JQuery 常用操作代码

    JQuery 常用操作代码，学习jquery的朋友可以参考下。
    2010-03-03

最新评论