jQuery添加和删除输入文本框标签代码


Posted in Javascript onMay 20, 2016

先给大家展示效果图,如果大家觉得还不错,请继续参考实现代码。

jQuery添加和删除输入文本框标签代码

废话不多说了,直接给大家贴代码了。

代码如下:

<!DOCTYPE html>
<html>
<head>
<title>jquery删除添加输入文本框</title><base target="_blank" />
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="http://hovertree.com/texiao/jquery/67/css/tip.css" />
<style>.hovertreeinfo{clear:both;text-align:center;}.hovertreeinfo a{color:blue}.hovertreebd{display:inline-block;width:336px;height:280px;}</style>
</head>
<body>
<div class="site">
<div class="title">标签:</div>
<div class="tip">
<div class="tip-container"><span class="jia"></span>添加标签</div>
</div>
</div>
<div class="hovertreeinfo">
<input type="button" value="获取全部值" id="hovertreeall" />
<br />
<span id="hovertreeresult"></span>
<br />
<a href="http://hovertree.com/h/bjaf/1ufcp77c.htm">原文</a> <a href="http://hovertree.com">首页</a> <a href="http://hovertree.com/texiao/">特效</a>
</div>
<script type="text/javascript" src="http://down.hovertree.com/jquery/jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="http://hovertree.com/texiao/jquery/67/js/tip.js"></script>
<script>
$("#hovertreeall").on("click", function () {
$("#hovertreeresult").html("<br />");
$(":input.house-tip").each(
function () {
// alert($(this).val());
$("#hovertreeresult").append($(this).val()+"<br />");
}
)
})
</script>
</body>
</html>

以上所述是小编给大家介绍的jQuery添加和删除输入文本框标签代码的相关知识,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JS 实现完美include载入实现代码
Aug 05 Javascript
页面实时更新时间的JS实例代码
Dec 18 Javascript
浅谈javascript对象模型和function对象
Dec 26 Javascript
浅析javascript中的事件代理
Nov 06 Javascript
属于你的jQuery提示框(Tip)插件
Jan 20 Javascript
jQuery获取select选中的option的value值实现方法
Aug 29 Javascript
Actionscript与javascript交互实例程序(修改)
Sep 22 Javascript
jquery easyui如何实现格式化列
Jul 30 jQuery
[js高手之路]单例模式实现模态框的示例
Sep 01 Javascript
JS基于递归实现网页版计算器的方法分析
Dec 20 Javascript
vue按需加载实例详解
Sep 06 Javascript
js实现课堂随机点名系统
Nov 21 Javascript
jQuery通过deferred对象管理ajax异步
May 20 #Javascript
Bootstrap3学习笔记(三)之表格
May 20 #Javascript
快速获取/设置iframe内对象元素的几种js实现方法
May 20 #Javascript
Bootstrap3学习笔记(二)之排版
May 20 #Javascript
js获取iframe中的window对象的实现方法
May 20 #Javascript
BootStrap3学习笔记(一)之网格系统
May 20 #Javascript
有关JavaScript中call()和apply() 的一些理解
May 20 #Javascript
You might like
PHP insert语法详解
2008/06/07 PHP
php使用websocket示例详解
2014/03/12 PHP
PHP提示Warning:phpinfo() has been disabled函数禁用的解决方法
2014/12/17 PHP
利用PHP如何实现Socket服务器
2015/09/23 PHP
PHP新特性详解之命名空间、性状与生成器
2017/07/18 PHP
PHP 进度条函数的简单实例
2017/09/19 PHP
FormValidate 表单验证功能代码更新并提供下载
2008/08/23 Javascript
extJs 文本框后面加上说明文字+下拉列表选中值后触发事件
2009/11/27 Javascript
javascript天然的迭代器
2010/10/29 Javascript
Jquery之美中不足小结
2011/02/16 Javascript
更换select下拉菜单背景样式的实现代码
2011/12/20 Javascript
jQuery使用bind动态绑定事件无效的处理方法
2018/12/11 jQuery
JavaScript监听触摸事件代码实例
2019/12/30 Javascript
[02:57]2014DOTA2国际邀请赛 选手辛苦解说更辛苦
2014/07/10 DOTA
使用go和python递归删除.ds store文件的方法
2014/01/22 Python
Python ORM框架SQLAlchemy学习笔记之安装和简单查询实例
2014/06/10 Python
Python 实现随机数详解及实例代码
2017/04/15 Python
Python入门_条件控制(详解)
2017/05/16 Python
Python实现查找匹配项作处理后再替换回去的方法
2017/06/10 Python
解决Python2.7读写文件中的中文乱码问题
2018/04/12 Python
Windows下PyCharm2018.3.2 安装教程(图文详解)
2019/10/24 Python
Python操作Sonqube API获取检测结果并打印过程解析
2019/11/27 Python
python logging 日志的级别调整方式
2020/02/21 Python
Python常用库Numpy进行矩阵运算详解
2020/07/21 Python
英国复古皮包品牌:Beara Beara
2018/07/18 全球购物
人力资源部经理助理岗位职责
2014/03/04 职场文书
入党思想汇报怎么写
2014/04/03 职场文书
省级优秀班集体申报材料
2014/05/25 职场文书
五四青年节优秀演讲稿范文
2014/05/28 职场文书
团日活动总结报告
2014/06/25 职场文书
2015年银行员工工作总结
2015/04/24 职场文书
Mysql基础知识点汇总
2021/05/26 MySQL
Python使用Kubernetes API访问集群
2021/05/30 Python
mysql事务对效率的影响分析总结
2021/10/24 MySQL
利用uni-app生成微信小程序的踩坑记录
2022/04/05 Javascript
ORACLE中dbms_output.put_line输出问题的解决过程
2022/06/28 Oracle