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 相关文章推荐
javascript 原型模式实现OOP的再研究
Apr 09 Javascript
jQuery不使用插件及swf实现无刷新文件上传
Dec 08 Javascript
浅谈jquery中delegate()与live()
Jun 22 Javascript
jquery+php随机生成红包金额数量代码分享
Aug 27 Javascript
学习JavaScript正则表达式
Nov 13 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
Jan 07 Javascript
Angularjs material 实现搜索框功能
Mar 08 Javascript
Node.js+Express配置入门教程
May 19 Javascript
jQuery 获取页面li数组并删除不在数组中的key
Aug 02 Javascript
Vuejs开发环境搭建及热更新【推荐】
Sep 07 Javascript
electron-vue利用webpack打包实现多页面的入口文件问题
May 12 Javascript
js实现数字从零慢慢增加到指定数字示例
Nov 07 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&amp;java(一)
2006/10/09 PHP
php实现的SESSION类
2014/12/02 PHP
几个优化WordPress中JavaScript加载体验的插件介绍
2015/12/17 PHP
thinkphp框架下404页面设置 仅三步
2016/05/14 PHP
PHP模糊查询的实现方法(推荐)
2016/09/06 PHP
php array_walk_recursive 使用自定的函数处理数组中的每一个元素
2016/11/16 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
浅谈jquery回调函数callback的使用
2015/01/30 Javascript
GitHub上一些实用的JavaScript的文件压缩解压缩库推荐
2016/03/13 Javascript
AngularJS 中的指令实践开发指南(一)
2016/03/20 Javascript
Summernote实现图片上传功能的简单方法
2016/07/11 Javascript
Bootstrap基本插件学习笔记之按钮(21)
2016/12/08 Javascript
Angular的自定义指令以及实例
2016/12/26 Javascript
Angular的$http的ajax的请求操作(推荐)
2017/01/10 Javascript
javascript帧动画(实例讲解)
2017/09/02 Javascript
小程序实现图片移动缩放效果
2020/05/26 Javascript
vue中如何添加百度统计代码
2020/12/19 Vue.js
python计算一个序列的平均值的方法
2015/07/11 Python
Python numpy 点数组去重的实例
2018/04/18 Python
python3 拼接字符串的7种方法
2018/09/12 Python
详解python函数的闭包问题(内部函数与外部函数详述)
2019/05/17 Python
Python实用工具FuckIt.py介绍
2019/07/02 Python
Django用户认证系统 Web请求中的认证解析
2019/08/02 Python
Python 中的 global 标识对变量作用域的影响
2019/08/12 Python
flask框架蓝图和子域名配置详解
2020/01/25 Python
Pytorch1.5.1版本安装的方法步骤
2020/12/31 Python
基于HTML5+tracking.js实现刷脸支付功能
2020/04/16 HTML / CSS
SOKOLOV官网:俄罗斯珠宝首饰品牌
2021/01/02 全球购物
艺术应用与设计个人的自我评价
2013/11/23 职场文书
《登鹳雀楼》教学反思
2014/04/09 职场文书
安全责任书范本
2014/04/15 职场文书
新闻学专业职业生涯规划范文:我的人生我做主
2014/09/12 职场文书
解除劳动合同协议书
2014/09/17 职场文书
乡镇2014法制宣传日活动总结
2014/11/01 职场文书
水电施工员岗位职责
2015/04/11 职场文书
使用 CSS 构建强大且酷炫的粒子动画效果
2022/08/14 HTML / CSS