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 相关文章推荐
JQuery模板插件 jquery.tmpl 动态ajax扩展
Nov 10 Javascript
javascript类型转换使用方法
Feb 08 Javascript
jQuery新的事件绑定机制on()示例应用
Jul 18 Javascript
javascript使用正则表达式实现去掉空格之后的字符
Feb 15 Javascript
javascript禁止访客复制网页内容的实现代码
Aug 05 Javascript
判断数组的最佳方法(推荐)
Oct 11 Javascript
js将table的每个td的内容自动赋值给其title属性的方法
Oct 13 Javascript
easyui取消表单实时验证,提交时统一验证的简单实例
Nov 07 Javascript
微信小程序 登录的简单实现
Apr 19 Javascript
Mongoose中document与object的区别示例详解
Sep 18 Javascript
Vuejs 单文件组件实例详解
Feb 09 Javascript
JavaScript数组 几个常用方法总结
Nov 11 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
德生PL550的电路分析
2021/03/02 无线电
PHP 压缩文件夹的类代码
2009/11/05 PHP
PHP+jQuery 注册模块的改进(一):验证码存入SESSION
2014/10/14 PHP
PHP实现获取FLV文件的时间
2015/02/10 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
实例讲解通过​PHP创建数据库
2019/01/20 PHP
LBS blog sql注射漏洞[All version]-官方已有补丁
2007/08/26 Javascript
AJAX 网页保留浏览器前进后退等功能
2011/02/12 Javascript
jQuery.Validate验证库的使用介绍
2013/04/26 Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
2014/08/18 Javascript
jquery搜索框效果实现方法
2015/01/16 Javascript
jQuery复制表单元素附源码分享效果演示
2015/09/30 Javascript
JS实现队列与堆栈的方法
2016/04/21 Javascript
jquery取消事件冒泡的三种方法(推荐)
2016/05/28 Javascript
利用Javascript实现BMI计算器
2016/08/16 Javascript
getElementById().innerHTML与getElementById().value的区别
2016/10/27 Javascript
用jQuery实现可输入多选下拉组合框实例代码
2017/01/18 Javascript
详解webpack + vue + node 打造单页面(入门篇)
2017/09/23 Javascript
防止页面url缓存中ajax中post请求的处理方法
2017/10/10 Javascript
微信小程序中使用自定义图标(阿里icon)的方法
2018/08/20 Javascript
JavaScript实现邮箱后缀提示功能的示例代码
2018/12/13 Javascript
Javascript之高级数组API的使用实例
2019/03/08 Javascript
小程序数据通信方法大全(推荐)
2019/04/15 Javascript
python中list常用操作实例详解
2015/06/03 Python
Python中的错误和异常处理简单操作示例【try-except用法】
2017/07/25 Python
Python3自动签到 定时任务 判断节假日的实例
2018/11/13 Python
wxPython之wx.DC绘制形状
2019/11/19 Python
Anaconda3+tensorflow2.0.0+PyCharm安装与环境搭建(图文)
2020/02/18 Python
python Canny边缘检测算法的实现
2020/04/24 Python
美国时尚配饰品牌:Dooney & Bourke
2017/11/14 全球购物
初中学校军训方案
2014/05/09 职场文书
单身申明具结书
2015/02/26 职场文书
HTML+CSS+JS实现图片的瀑布流布局的示例代码
2021/04/22 HTML / CSS
使用redis生成唯一编号及原理示例详解
2021/09/15 Redis
Python爬虫 简单介绍一下Xpath及使用
2022/04/26 Python
win10截图快捷键win+shift+s没有反应无法截图怎么解决?
2022/08/14 数码科技