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 相关文章推荐
JavaScript 小型打飞机游戏实现原理说明
Oct 28 Javascript
jquery动画1.加载指示器
Aug 24 Javascript
javascript jscroll模拟html元素滚动条
Dec 18 Javascript
JS设置cookie、读取cookie、删除cookie
Apr 17 Javascript
简单谈谈javascript中的变量、作用域和内存问题
Aug 30 Javascript
js实现图片缓慢放大缩小效果
Aug 02 Javascript
JS判断iframe是否加载完成的方法
Aug 03 Javascript
jQuery Easyui datagrid连续发送两次请求问题
Dec 13 Javascript
vue双向绑定的简单实现
Dec 22 Javascript
vue-router 起步步骤详解
Mar 26 Javascript
vue组件开发之tab切换组件使用详解
Aug 21 Javascript
vue iview 隐藏Table组件里的某一列操作
Nov 13 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
便携利器 — TECSUN PL-365简评
2021/03/02 无线电
php判断上传的Excel文件中是否有图片及PHPExcel库认识
2013/01/11 PHP
PHP中new static()与new self()的区别异同分析
2014/08/22 PHP
destoon出现验证码不显示时的紧急处理方法
2014/08/22 PHP
php字符串按照单词进行反转的方法
2015/03/14 PHP
php传值方式和ajax的验证功能
2017/03/27 PHP
javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
2014/04/12 Javascript
JS简单模拟触发按钮点击功能的方法
2015/11/30 Javascript
jQuery validate插件实现ajax验证重复的2种方法
2016/01/22 Javascript
Bootstrap下拉菜单样式
2017/02/07 Javascript
用jQuery实现圆点图片轮播效果
2017/03/19 Javascript
JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍
2018/03/01 Javascript
Javascript实现一朵从含苞到绽放的玫瑰
2019/03/30 Javascript
Electron 调用命令行(cmd)
2019/09/23 Javascript
解决layui中onchange失效以及form动态渲染失效的问题
2019/09/27 Javascript
使用React代码动态生成栅格布局的方法
2020/05/24 Javascript
[00:43]魔廷新尊——痛苦女王至宝捆绑包
2020/06/12 DOTA
编写Python脚本来实现最简单的FTP下载的教程
2015/05/04 Python
Tensorflow之Saver的用法详解
2018/04/23 Python
Linux系统(CentOS)下python2.7.10安装
2018/09/26 Python
Python文件时间操作步骤代码详解
2020/04/13 Python
Python sklearn中的.fit与.predict的用法说明
2020/06/28 Python
JBL美国官方商店:扬声器、耳机等
2019/12/01 全球购物
Oasis服装官网:时尚女装在线
2020/07/09 全球购物
95%的面试官都会问到的50道Java线程题,附答案
2012/08/03 面试题
全民健身日活动方案
2014/01/29 职场文书
2014年公司迎新年活动方案
2014/02/24 职场文书
西式婚礼主持词
2014/03/13 职场文书
感恩父母的演讲稿
2014/05/06 职场文书
举起手来观后感
2015/06/09 职场文书
三八节活动简报
2015/07/20 职场文书
新农村建设指导员工作总结
2015/08/13 职场文书
安全生产协议书
2016/03/22 职场文书
创业计划书之冷饮店
2019/09/27 职场文书
Python实现排序方法常见的四种
2021/07/15 Python
MySQL transaction事务安全示例讲解
2022/06/21 MySQL