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 相关文章推荐
6个DIV 135或246间隔一秒轮番显示效果
Jul 24 Javascript
关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题
Dec 08 Javascript
JavaScript 继承详解(五)
Oct 11 Javascript
jQuery使用正则验证15/18身份证的方法示例
Apr 27 jQuery
JavaScript之排序函数_动力节点Java学院整理
Jun 30 Javascript
vue 简单自动补全的输入框的示例
Mar 12 Javascript
深入理解Node module模块
Mar 26 Javascript
jQuery实现的监听导航滚动置顶状态功能示例
Jul 23 jQuery
vue router 配置路由的方法
Jul 26 Javascript
vue里如何主动销毁keep-alive缓存的组件
Mar 21 Javascript
javascript数组的定义及操作实例
Nov 10 Javascript
微信小程序自定义支持图片的弹窗
Dec 21 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方法调用模式与函数调用模式简例
2011/09/20 PHP
PHP爆绝对路径方法收集整理
2012/09/17 PHP
浅析ThinkPHP缓存之快速缓存(F方法)和动态缓存(S方法)(日常整理)
2015/10/26 PHP
php并发加锁示例
2016/10/17 PHP
PHP使用PDO、mysqli扩展实现与数据库交互操作详解
2019/07/20 PHP
laravel框架模型、视图与控制器简单操作示例
2019/10/10 PHP
PHP安全之register_globals的on和off的区别
2020/07/23 PHP
跨浏览器的设置innerHTML方法
2006/09/18 Javascript
JS实现悬浮移动窗口(悬浮广告)的特效
2013/03/12 Javascript
Jqgrid表格随窗口大小改变而改变的简单实例
2013/12/28 Javascript
常用jQuery选择器总结
2014/07/11 Javascript
node.js中的fs.appendFile方法使用说明
2014/12/17 Javascript
28个常用JavaScript方法集锦
2015/01/14 Javascript
浅谈setTimeout 与 setInterval
2015/06/23 Javascript
基于JavaScript实现简单的随机抽奖小程序
2016/01/05 Javascript
Bootstrap学习笔记之css组件(3)
2016/06/07 Javascript
微信小程序 icon组件详细及实例代码
2016/10/25 Javascript
Vue 项目中遇到的跨域问题及解决方法(后台php)
2018/03/28 Javascript
vue+axios+mock.js环境搭建的方法步骤
2018/08/28 Javascript
vue项目中使用vue-layer弹框插件的方法
2020/03/11 Javascript
JavaScript自定义超时API代码实例
2020/04/30 Javascript
js 获取扫码枪输入数据的方法
2020/06/10 Javascript
记录一次websocket封装的过程
2020/11/23 Javascript
[01:30]我们共输赢 完美世界城市挑战赛开启全新赛季
2019/04/19 DOTA
Python numpy实现数组合并实例(vstack,hstack)
2018/01/09 Python
Python 将pdf转成图片的方法
2018/04/23 Python
Python2和Python3中urllib库中urlencode的使用注意事项
2018/11/26 Python
解决Python运行文件出现out of memory框的问题
2018/12/03 Python
Pycharm如何打断点的方法步骤
2019/06/13 Python
python模式 工厂模式原理及实例详解
2020/02/11 Python
Django-xadmin后台导入json数据及后台显示信息图标和主题更改方式
2020/03/11 Python
幼儿园中秋节活动方案2013
2014/01/29 职场文书
园林技术个人的自我评价
2014/02/15 职场文书
党组织公开承诺书
2014/03/29 职场文书
学校爱心捐款倡议书
2014/05/13 职场文书
详解PHP服务器如何在有限的资源里最大提升并发能力
2021/05/25 PHP