本文操作环境: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中文网其它相关文章!