基于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版的date函数(和PHP的date函数一样)
May 12 Javascript
jQuery中odd选择器的定义和用法
Dec 23 Javascript
jQuery定义背景动态切换效果的方法
Mar 23 Javascript
浅谈jquery中delegate()与live()
Jun 22 Javascript
学习Node.js模块机制
Oct 17 Javascript
wap手机端解决返回上一页的js实例
Dec 08 Javascript
js控制按钮,防止频繁点击响应的实例
Feb 15 Javascript
使用Math.max,Math.min获取数组中的最值实例
Apr 25 Javascript
js中的闭包学习心得
Feb 06 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
Aug 05 Javascript
vue代码分割的实现(codesplit)
Nov 13 Javascript
Bootstrap 按钮样式与使用代码详解
Dec 09 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中Cannot send session cache limiter 的问题的方法
2007/04/27 PHP
PHP实现的观察者模式实例
2017/06/21 PHP
Smarty模板类内部原理实例分析
2019/07/03 PHP
Laravel 5.5 实现禁用用户注册示例
2019/10/24 PHP
Laravel5.5+ 使用API Resources快速输出自定义JSON方法详解
2020/04/06 PHP
jquery animate 动画效果使用说明
2009/11/04 Javascript
js url传值中文乱码之解决之道
2009/11/20 Javascript
jquery lazyload延迟加载技术的实现原理分析
2011/01/24 Javascript
JS+CSS 制作的超级简单的下拉菜单附图
2013/11/22 Javascript
jQuery使用模式窗口实现在主页面和子页面中互相传值的方法
2016/03/01 Javascript
JavaScript代码实现图片循环滚动效果
2020/03/19 Javascript
Javascript中字符串相关常用的使用方法总结
2017/03/13 Javascript
JS库之wow.js使用方法
2017/09/14 Javascript
Vue组件中的data必须是一个function的原因浅析
2018/09/03 Javascript
vue基础之v-bind属性、class和style用法分析
2019/03/11 Javascript
vue-cli+iview项目打包上线之后图标不显示问题及解决方法
2019/10/16 Javascript
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
2021/01/05 Vue.js
Python使用turtule画五角星的方法
2015/07/09 Python
Django中使用locals()函数的技巧
2015/07/16 Python
使用Python爬了4400条淘宝商品数据,竟发现了这些“潜规则”
2018/03/23 Python
python smtplib模块自动收发邮件功能(一)
2018/05/22 Python
Python实现蒙特卡洛算法小实验过程详解
2019/07/12 Python
基于Python第三方插件实现西游记章节标注汉语拼音的方法
2020/05/22 Python
Python-openCV开运算实例
2020/07/05 Python
某公司的.net工程师面试题笔试题
2013/11/22 面试题
教师中国梦演讲稿
2014/04/23 职场文书
简单租房协议书范本
2014/08/20 职场文书
群众路线四风对照检查材料
2014/11/04 职场文书
2014年城管工作总结
2014/11/20 职场文书
感谢信范文大全
2015/01/23 职场文书
CAD实训总结范文
2015/08/03 职场文书
学校财务管理制度
2015/08/04 职场文书
2016年三严三实党课学习心得体会
2016/01/06 职场文书
如何在Mac上通过docker配置PHP开发环境
2021/05/29 PHP
MongoDB orm框架的注意事项及简单使用
2021/06/20 MongoDB
Spring Boot项目如何优雅实现Excel导入与导出功能
2022/06/10 Java/Android