首页 / JQUERY / Jquery 选择html 标签获取值

Jquery 选择html 标签获取值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Jquery 选择html 标签获取值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含817字，纯文字阅读大概需要2分钟。

内容图文

https://zhidao.baidu.com/question/299628455.html

 

这个问题包含两个方面：jquery选择器（即针对你指定的那个input元素）和获取内容（即获得输入的值），所以综合起来有如下代码可以实现

$( "input#test" ).val();          // 推荐这种方式，因为id是唯一的
$( "input[name=‘test‘]" ).val();  // 此时需要注意是否有同名的input元素
$( "input:text" ).val();          // 这种方式只有整个网页只有一个文本输入框才是正确的

下面给出示例：

  1. 创建一个文本框和一个触发获取文本框输入内容的按钮

  • < input id="test" name="test" type="text"/>
    < input type="button" value="显示文本框输入内容">

  • 简单设置一下css样式

  • input[type= ‘text‘ ]{ width : 200px ; height : 35px ; margin : 10px ; border : 1px dashed green; border-radius:5px;}
    input[type= ‘button‘ ]{ width : 200px ; height : 35px ; margin : 10px ; border : 2px solid #ebbcbe;}

  • 添加jquery代码

  1. $( function (){
         $( "input:button" ).click( function () {
             alert($( "input#test" ).val());
         });
    })

  2. 观察显示效果

    技术分享图片

24
评论(1)
分享
举报

原文：https://www.cnblogs.com/LuoEast/p/12298289.html

内容总结

以上是互联网集市为您收集整理的Jquery 选择html 标签获取值全部内容，希望文章能够帮你解决Jquery 选择html 标签获取值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1216397.html

来源：【匿名】