作者信息

青灯夜游

今天学习一小步,明天提升一大步

最近文章
php怎么利用for循环求数组的和590
mysql怎么删除外键关系356
php怎么改变数组key的值657
视频教程分类
推荐视频教程
  • php程序员小白到大牛三个月集训php程序员小白到大牛三个月集训
  • Laravel 9 学习正当时—保姆级教程,想学不会都难!Laravel 9 学习正当时—保姆级教程,想学不会都难!
  • 千万级数据并发解决方案(理论+实战)千万级数据并发解决方案(理论+实战)
  • Laravel基础与实战(模块化)Laravel基础与实战(模块化)
  • 首页 >web前端 >前端问答 > 正文

    jquery获取input值有几种方式

    原创2022-06-15 09:09:11391 关注公众号:每天精选资源文章推送

    两种获取方式:1、使用val()获取input值,语法“$("input").val()”;val()可以返回value属性的值,而input元素显示的值就是通过value属性控制的,因此value属性值就是input值。2、使用attr()返回value属性值,以获取input值,语法“$("input").attr("value")”。

    本教程操作环境:windows7系统、jquery3.6.0版本、Dell G3电脑。

    在HTML中,input输入框显示的值是通过value属性控制的;也就是说,获取input值,就是获取input元素中value属性的值。

    因此,在jquery中可以使用以下两种方法获取input值:

    • 使用val()

    • 使用attr()

    方法1:使用val() 获取input值

    val() 方法可以返回被选元素的 value 属性的值。语法:

    $("input").val()

    示例:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<script src="./js/jquery-3.6.0.min.js"></script>
    		<script>
    			$(function () {
    		            $("button").click(function () {
    		               var value=$("input").val();
    					   console.log(value);
    		            })
    		        })
    		    </script>
    	</head>
    	<body>
    		<input type="text" value="hello"/><br><br>
    		<button>获取input值</button>
    	</body>
    </html>

    1.gif

    方法2:使用attr()获取input值

    attr()可以获取元素中指定属性的值;只需要将参数设置为“value”即可获取value属性的值。

    $("input").attr("value")

    核心实现代码:

    <script>
    	$(function () {
    		$("button").click(function () {
    		   var value=$("input").attr("value");
    		   console.log(value);
    		})
    	})
    </script>

    2.gif

    【推荐学习:jQuery视频教程web前端视频

    以上就是jquery获取input值有几种方式的详细内容,更多请关注php中文网其它相关文章!

    20期PHP线上班

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

  • 相关标签:jquery
  • 推荐:PHP从基础到实战教程视频

    相关文章

    相关视频


    专题推荐