jquery动态创建div与input的实例代码


Posted in Javascript onOctober 12, 2016

无意中发现的,做为收藏,以备后绪查看时用。

实例如下:

<html>
<head>
<title>jjquery动态创建div与input</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script>
<!--动态创建div-->
$(function (){
$("<div>",{
id:'text',
text:'this is a test',
"class":"text",
click:function(){
$(this).toggleClass('test');
}
}).appendTo("body");
})
<!--动态创建input-->
$(function(){
$("<input>",{
type:'text',
val:'text',
function:function(){
$(this).addClass('active');
},
focusout:function(){
$(this).removeClass('active');
}
}).appendTo("div");
})
</script>
</head>
<body></body>
</html>

以上就是小编为大家带来的jquery动态创建div与input的实例代码全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
基于Jquery的简单&amp;简陋Tabs插件代码
Feb 09 Javascript
JavaScript高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
Feb 27 Javascript
jQuery-serialize()输出序列化form表单值的方法
Dec 26 Javascript
详解JS 比较两个Json对象的值是否相等的实例
Nov 20 Javascript
JQuery中clone方法复制节点
May 18 Javascript
jquery对象和DOM对象的任意相互转换
Feb 21 Javascript
JavaScript cookie详解及简单实例应用
Dec 31 Javascript
详解使用angular-cli发布i18n多国语言Angular应用
May 20 Javascript
js实现rem自动匹配计算font-size的示例
Nov 18 Javascript
vue 系列——vue2-webpack2框架搭建踩坑之路
Dec 22 Javascript
解决Vue axios post请求,后台获取不到数据的问题方法
Aug 11 Javascript
js遍历详解(forEach, map, for, for...in, for...of)
Aug 28 Javascript
javascript加载xml 并解析各节点的值(实现方法)
Oct 12 #Javascript
jquery动态添加文本并获取值的方法
Oct 12 #Javascript
jquery 动态增加,减少input表单的简单方法(必看)
Oct 12 #Javascript
微信小程序 生命周期详解
Oct 12 #Javascript
让html元素随浏览器的大小自适应垂直居中的实现方法
Oct 12 #Javascript
Angularjs手动解析表达式($parse)
Oct 12 #Javascript
js利用clipboardData实现截屏粘贴功能
Oct 12 #Javascript
You might like
php实现mysql同步的实现方法
2009/10/21 PHP
php统计文章排行示例
2014/03/04 PHP
PHP 快速排序算法详解
2014/11/10 PHP
简单实用的PHP防注入类实例
2014/12/05 PHP
PHP在同一域名下两个不同的项目做独立登录机制详解
2017/09/22 PHP
Opacity.js
2007/01/22 Javascript
JQuery 选项卡效果(JS与HTML的分离)
2010/04/01 Javascript
jquery图片延迟加载 前端开发技能必备系列
2012/06/18 Javascript
js数组的操作指南
2014/12/28 Javascript
jQuery往textarea中光标所在位置插入文本的方法
2015/06/26 Javascript
详解AngularJS中自定义过滤器
2015/12/28 Javascript
jQuery layui常用方法介绍
2016/07/25 Javascript
JS中使用FormData上传文件、图片的方法
2016/08/07 Javascript
JavaScript实现瀑布流以及加载效果
2017/02/11 Javascript
uploader秒传图片到服务器完整代码
2017/04/22 Javascript
Vue2单一事件管理组件通信
2017/05/09 Javascript
一个简单的node.js界面实现方法
2018/06/01 Javascript
JS与jQuery判断文本框还剩多少字符可以输入的方法
2018/09/01 jQuery
详解vue beforeRouteEnter 异步获取数据给实例问题
2019/08/09 Javascript
[02:04]2018DOTA2亚洲邀请赛Secret赛前采访
2018/04/03 DOTA
浅析python 内置字符串处理函数的使用方法
2014/06/11 Python
Python中的ctime()方法使用教程
2015/05/22 Python
python中WSGI是什么,Python应用WSGI详解
2017/11/24 Python
python3监控CentOS磁盘空间脚本
2018/06/21 Python
Python+OpenCV实现图像融合的原理及代码
2018/12/03 Python
浅谈matplotlib.pyplot与axes的关系
2020/03/06 Python
浅析python函数式编程
2020/09/26 Python
Rhone官方网站:男士运动服装、健身服装和高级运动服
2019/05/01 全球购物
澳大利亚著名的纺织品品牌:Canningvale
2020/05/05 全球购物
"引用"与多态的关系
2013/02/01 面试题
食品营养与检测应届生求职信
2013/11/08 职场文书
运动会拉拉队口号
2014/06/09 职场文书
2014年初一班主任工作总结
2014/11/08 职场文书
党员承诺书格式范文
2015/04/28 职场文书
信息技术课教学反思
2016/02/23 职场文书
一劳永逸彻底解决pip install慢的办法
2021/05/24 Python