首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

基于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"); 
})

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
JavaScript实现页面滚动图片加载(仿lazyload效果)
Jul 22 Javascript
JS动态创建Table,Tr,Td并赋值的具体实现
Jul 05 Javascript
JavaScript访问CSS属性的几种方式介绍
Jul 21 Javascript
jQuery实现的淡入淡出二级菜单效果代码
Sep 15 Javascript
jQuery mobile转换url地址及获取url中目录部分的方法
Dec 04 Javascript
jquery获取form表单input元素值的简单实例
May 30 Javascript
JavaScript 身份证号有效验证详解及实例代码
Oct 20 Javascript
Angular2利用组件与指令实现图片轮播组件
Mar 27 Javascript
详解vue.js2.0父组件点击触发子组件方法
May 10 Javascript
vue元素实现动画过渡效果
Jul 01 Javascript
vue2.0自定义指令示例代码详解
Apr 25 Javascript
通过实例讲解JS如何防抖动
Jun 15 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
MybatisPlus(2) tabBar(1) capture(1) self(1) 数据重复(1) SpringBoot(22) element-china-area-data(1) Navigator(1) Flutter(2) uniapp(4)
You might like
Apache服务器无法使用的解决方法
2013/05/08 PHP
基于php实现长连接的方法与注意事项的问题
2013/05/10 PHP
php 利用array_slice函数获取随机数组或前几条数据
2015/09/30 PHP
PHP图像裁剪缩略裁切类源码及使用方法
2016/01/07 PHP
php创建类并调用的实例方法
2019/09/25 PHP
Jquery：ajax实现翻页无刷新功能代码
2013/08/05 Javascript
javascript中对Attr(dom中属性)的操作示例讲解
2013/12/02 Javascript
AngularJS控制器controller正确的通信的方法
2016/01/25 Javascript
使用vue.js开发时一些注意事项
2016/04/27 Javascript
JavaScript中this的用法实例分析
2016/12/19 Javascript
通过AngularJS实现图片上传及缩略图展示示例
2017/01/03 Javascript
three.js实现3D影院的原理的代码分析
2017/12/18 Javascript
Node.js中的cluster模块深入解读
2018/06/11 Javascript
javascript中的相等操作符(==与===区别)
2019/12/21 Javascript
JavaScript数组排序功能简单实现
2020/05/14 Javascript
最全vue的vue-amap使用高德地图插件画多边形范围的示例代码
2020/07/17 Javascript
Vue登录拦截 登录后继续跳转指定页面的操作
2020/08/04 Javascript
使用Python的判断语句模拟三目运算
2015/04/24 Python
Android 兼容性问题：java.lang.UnsupportedOperationException解决办法
2017/03/19 Python
python urllib爬取百度云连接的实例代码
2017/06/19 Python
浅谈python jieba分词模块的基本用法
2017/11/09 Python
Python实现基本数据结构中队列的操作方法示例
2017/12/04 Python
python 通过字符串调用对象属性或方法的实例讲解
2018/04/21 Python
windows下numpy下载与安装图文教程
2019/04/02 Python
python切片的步进、添加、连接简单操作示例
2019/07/11 Python
详解torch.Tensor的4种乘法
2020/09/03 Python
python 偷懒技巧——使用 keyboard 录制键盘事件
2020/09/21 Python
Expedia法国：全球最大在线旅游公司
2018/09/30 全球购物
巴西Mr. Cat在线商店：购买包包和鞋子
2019/09/08 全球购物
PHP高级工程师面试问题推荐
2013/01/18 面试题
什么情况下你必须要把一个类定义为abstract的
2013/01/06 面试题
文明倡议书范文
2014/04/15 职场文书
2016年秋季新学期致辞
2015/07/30 职场文书
优秀志愿者感言
2015/08/01 职场文书
导游词之无锡古运河
2019/11/14 职场文书
Spring Boot 实现 WebSocket
2022/04/30 Java/Android