• 技术文章 >web前端 >前端问答

    jquery获取input值有几种方式

    青灯夜游青灯夜游2022-06-15 09:09:11原创285

    两种获取方式: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值:

    方法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中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:jquery怎么替换dom元素 下一篇:jquery有几种请求方式
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• jquery怎么修改单元格值• jquery怎么移除一个元素• vue和jquery用什么语言• jquery怎么替换图片路径• jquery roundabout怎么用• jquery事件都有哪些
    1/1

    PHP中文网