基于Jquery的动态创建DOM元素的代码


Posted in Javascript onDecember 28, 2010

动态创建div:

$(function(){ 
$("<div>",{ 
id: 'test', 
text: 'this is a test', 
"class": "test", 
click: function(){ 
$(this).toggleClass('test'); 
} 
}).appendTo("body"); 
})

动态创建input:
$(function(){ 
$("<input>", { 
type: 'text', 
val: 'test', 
focusin: function() { 
$(this).addClass('active'); 
}, 
focusout: function() { 
$(this).removeClass('active'); 
} 
}).appendTo("body"); 
})
Javascript 相关文章推荐
JS event使用方法详解
Apr 28 Javascript
40款非常棒的jQuery 插件和制作教程(系列一)
Oct 26 Javascript
JavaScript的模块化:封装(闭包),继承(原型) 介绍
Jul 22 Javascript
AngularJS的ng Http Request与response格式转换方法
Nov 07 Javascript
jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
Feb 10 Javascript
vue2.0中goods选购栏滚动算法的实现代码
May 17 Javascript
Angular中点击li标签实现更改颜色的核心代码
Dec 08 Javascript
关于vuejs中v-if和v-show的区别及v-show不起作用问题
Mar 26 Javascript
在微信小程序里使用watch和computed的方法
Aug 02 Javascript
AJAX在JQuery中的应用详解
Jan 30 jQuery
Vue两个版本的区别和使用方法(更深层次了解)
Feb 16 Javascript
jQuery实现简单全选框
Sep 13 jQuery
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
Apr 04 #Javascript
基于Jquery的标签智能验证实现代码
Dec 27 #Javascript
jQuery powerFloat万能浮动层下拉层插件使用介绍
Dec 27 #Javascript
在JavaScript中获取请求的URL参数[正则]
Dec 25 #Javascript
extjs之去除s.gif的影响
Dec 25 #Javascript
javascript常用方法、属性集合及NodeList 和 HTMLCollection 的浏览器差异
Dec 25 #Javascript
javascript与webservice的通信实现代码
Dec 25 #Javascript
You might like
PHP XML数据解析代码
2010/05/26 PHP
PHP Parse Error: syntax error, unexpected $end 错误的解决办法
2012/06/05 PHP
php使用codebase生成随机数
2014/03/25 PHP
PHP中使用smarty生成静态文件的例子
2014/04/24 PHP
php自动获取关键字的方法
2015/01/06 PHP
js控制表单不能输入空格的小例子
2013/11/20 Javascript
JavaScript设计模式之单例模式实例
2014/09/24 Javascript
Linux下为Node.js程序配置MySQL或Oracle数据库的方法
2016/03/19 Javascript
Angularjs之filter过滤器(推荐)
2016/11/27 Javascript
用原生js做单页应用
2017/01/17 Javascript
JS对象和字符串之间互换操作实例分析
2019/02/02 Javascript
你不知道的Vue技巧之--开发一个可以通过方法调用的组件(推荐)
2019/04/15 Javascript
详解可以用在VS Code中的正则表达式小技巧
2019/05/14 Javascript
Moment.js实现多个同时倒计时
2019/08/26 Javascript
Python urlopen()函数 示例分享
2014/06/12 Python
Python连接PostgreSQL数据库的方法
2016/11/28 Python
Python中matplotlib中文乱码解决办法
2017/05/12 Python
Python中turtle作图示例
2017/11/15 Python
python re库的正则表达式入门学习教程
2019/03/08 Python
Python实用库 PrettyTable 学习笔记
2019/08/06 Python
python tornado使用流生成图片的例子
2019/11/18 Python
基于matplotlib xticks用法详解
2020/04/16 Python
详解pycharm自动import所需的库的操作方法
2020/11/30 Python
HTML5 Canvas——用路径描画线条实例介绍
2013/06/09 HTML / CSS
Application Cache未缓存文件无法访问无法加载问题
2014/05/31 HTML / CSS
加拿大建筑和装修专家:Reno-Depot
2017/12/21 全球购物
Ibatis如何使用动态表名
2015/07/12 面试题
Java的类可以定义为Protected或者Private得吗
2015/09/25 面试题
中学运动会广播稿
2014/01/19 职场文书
表彰先进的通报
2014/01/31 职场文书
医院信息公开实施方案
2014/05/09 职场文书
义务教育学校标准化建设汇报材料
2014/08/16 职场文书
酒店前台辞职书
2015/02/26 职场文书
小平您好观后感
2015/06/09 职场文书
绿里奇迹观后感
2015/06/15 职场文书
用Python爬取各大高校并可视化帮弟弟选大学,弟弟直呼牛X
2021/06/11 Python