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 相关文章推荐
Fastest way to build an HTML string(拼装html字符串的最快方法)
Aug 20 Javascript
Node.js实战 建立简单的Web服务器
Mar 08 Javascript
ExtJS自定义主题(theme)样式详解
Nov 18 Javascript
JS实现静止元素自动移动示例
Apr 14 Javascript
基于jQuery实现仿淘宝套餐选择插件
Mar 04 Javascript
JavaScript通过字符串调用函数的实现方法
Mar 18 Javascript
原生JS和jQuery操作DOM对比总结
Jan 19 Javascript
js for循环倒序输出数组元素的实例
Mar 01 Javascript
详解node.js平台下Express的session与cookie模块包的配置
Apr 26 Javascript
详解Angular 4 表单快速入门
Jun 05 Javascript
Angular ElementRef简介及其使用
Oct 01 Javascript
js时间转换毫秒的实例代码
Aug 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 操作调试的方法
2012/07/12 PHP
php与java通过socket通信的实现代码
2013/10/21 PHP
JavaScript动态创建div属性和样式示例代码
2013/10/09 Javascript
js采用map取到id集合组并且实现点击一行选中一行
2013/12/16 Javascript
js制作简易年历完整实例
2015/01/28 Javascript
多个jQuery版本共存的处理方案
2015/03/17 Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
2015/11/15 Javascript
深入php面向对象、模式与实践
2016/02/16 Javascript
JS公共小方法之判断对象是否为domElement的实例
2016/11/25 Javascript
JavaScript Ajax实现异步通信
2016/12/14 Javascript
Java与JavaScript中判断两字符串是否相等的区别
2017/03/13 Javascript
JS实现的简单下拉框联动功能示例
2018/05/11 Javascript
vue项目中实现的微信分享功能示例
2019/01/21 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
2019/05/08 Javascript
在服务器端实现无间断部署Python应用的教程
2015/04/16 Python
Python文档生成工具pydoc使用介绍
2015/06/02 Python
Python编程修改MP3文件名称的方法
2017/04/19 Python
定制FileField中的上传文件名称实例
2017/08/23 Python
浅析Python 读取图像文件的性能对比
2019/03/07 Python
Python数据分析pandas模块用法实例详解
2019/11/20 Python
浅析python表达式4+0.5值的数据类型
2020/02/26 Python
Pytorch实现将模型的所有参数的梯度清0
2020/06/24 Python
土耳其家居建材网站:Koçtaş
2016/11/22 全球购物
中国电子产品批发商/跨境电商/外贸网:Sunsky-online
2020/04/20 全球购物
通信工程毕业生求职信
2013/11/16 职场文书
求职简历中个人的自我评价
2013/12/01 职场文书
周年庆典邀请函范文
2014/01/23 职场文书
八一慰问活动方案
2014/02/07 职场文书
《地震中的父与子》教学反思
2014/04/10 职场文书
革命英雄事迹演讲稿
2014/09/13 职场文书
餐厅服务员岗位职责
2015/02/09 职场文书
入党转正申请自我鉴定
2019/06/25 职场文书
2019年教师入党申请书
2019/06/27 职场文书
Python趣味实战之手把手教你实现举牌小人生成器
2021/06/07 Python
浅谈Redis跟MySQL的双写问题解决方案
2022/02/24 Redis
vue elementUI表格控制对应列
2022/04/13 Vue.js