>首页> IT >

当前讯息:jquery能取到标签的值吗

时间:2022-09-07 16:53:15       来源:PHP中文网

本文操作环境:windows10系统、jquery3.6.0版、Dell G3电脑。

jquery能取到标签的值吗

jquery中可以使用val()方法获取标签的值,val()方法返回或设置被选元素的value属性。


(资料图片)

val() 方法返回或设置被选元素的 value 属性。

当用于返回值时:

$(selector).val()

该方法返回第一个匹配元素的 value 属性的值。

当用于设置值时:

$(selector).val(value)

该方法设置所有匹配元素的 value 属性的值。

示例:

获取设置input标签的值

<script>    var username = $("#username").val();   // 获取 id 为 username 的标签的值。    console.log(username);    $("#username").val("hello world");     // 设置 id 为 username 的标签的值    console.log($("#username").val());</script>

获取设置textarea标签的值

<script>    var content= $("#brief").val();          // 获取 textarea 标签的值        console.log(content);            // Java    $("#brief").val("Python");               // 设置 textarea 标签的值    console.log($("#brief").val());  // Pyt来源gaodai#ma#com搞*代#码网hon</script>

返回标签值示例如下:

123<script src="js/jquery.min.js"></script><script>$(document).ready(function(){$("button").click(function(){alert($("input:text").val());});});</script>第一个名称: 
最后一个名称:

输出结果:

点击按钮后:

相关教程推荐:jQuery视频教程

以上就是jquery能取到标签的值吗的详细内容,更多请关注php中文网其它相关文章!

关键词: 相关文章 视频教程 可以使用