基于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 相关文章推荐
页面使用密码保护代码
Apr 10 Javascript
Js控制弹窗实现在任意分辨率下居中显示
Aug 01 Javascript
Javascript中常见的校验如域名、手机、邮箱等等
Jan 02 Javascript
jquery实现网站列表切换效果的2种方法
Aug 12 Javascript
微信小程序 MINA文件结构
Oct 17 Javascript
AngularJS的ng Http Request与response格式转换方法
Nov 07 Javascript
浅谈jquery采用attr修改form表单enctype不起作用的问题
Nov 25 Javascript
简单理解vue中实例属性vm.$els
Dec 01 Javascript
Require.JS中的几种define定义方式示例
Jun 01 Javascript
Vue循环组件加validate多表单验证的实例
Sep 18 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
May 21 Javascript
JS实现简单tab选项卡切换
Oct 25 Javascript
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中防止SQL注入攻击和XSS攻击的两个简单方法
2010/04/15 PHP
PHP 正则表达式之正则处理函数小结(preg_match,preg_match_all,preg_replace,preg_split)
2012/10/05 PHP
解读PHP中上传文件的处理问题
2016/05/29 PHP
浅析PHP中的i++与++i的区别及效率
2016/06/15 PHP
PHP多进程编程总结(推荐)
2016/07/18 PHP
Yii2针对游客、用户防范规则和限制的解决方法分析
2016/10/08 PHP
jquery validate.js表单验证入门实例(附源码)
2015/11/10 Javascript
项目实践一图片上传之form表单还是base64前端图片压缩(前端图片压缩)
2016/07/28 Javascript
JavaScript实现封闭区域布尔运算的示例代码
2018/06/25 Javascript
JavaScript时间与时间戳的转换操作实例分析
2018/12/07 Javascript
Vue2.0实现组件之间数据交互和通信操作示例
2019/05/16 Javascript
vue v-for 使用问题整理小结
2019/08/04 Javascript
Js逆向实现滑动验证码图片还原的示例代码
2020/03/10 Javascript
OpenLayer学习之自定义测量控件
2020/09/28 Javascript
Vue+Element-U实现分页显示效果
2020/11/15 Javascript
Python实现的计算马氏距离算法示例
2018/04/03 Python
对python中大文件的导入与导出方法详解
2018/12/28 Python
python3 json数据格式的转换(dumps/loads的使用、dict to str/str to dict、json字符串/字典的相互转换)
2019/04/01 Python
Python生成词云的实现代码
2020/01/14 Python
python将dict中的unicode打印成中文实例
2020/05/11 Python
无需压缩软件,用python帮你操作压缩包
2020/08/17 Python
python基于selenium爬取斗鱼弹幕
2021/02/20 Python
求职简历自荐信范文
2013/10/21 职场文书
心理健康课教学反思
2014/02/13 职场文书
家长对学生的评语
2014/04/18 职场文书
设计师求职信模板
2014/05/06 职场文书
护士节策划方案
2014/05/19 职场文书
关于运动会广播稿200字
2014/10/08 职场文书
南京导游词
2015/02/03 职场文书
2015年医院工作总结范文
2015/04/09 职场文书
英文辞职信范文
2015/05/13 职场文书
中秋节随笔
2015/08/15 职场文书
七年级生物教学反思
2016/02/20 职场文书
SQL 聚合、分组和排序
2021/11/11 MySQL
Python Pandas解析读写 CSV 文件
2022/04/11 Python
SQL中的连接查询详解
2022/06/21 SQL Server