编程 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 相关文章推荐

返回页面顶部top按钮通过锚点实现(自写)

Aug 30 Javascript

JS数组去重与取重的示例代码

Jan 24 Javascript

javascript的propertyIsEnumerable()方法使用介绍

Apr 09 Javascript

node.js中的fs.rename方法使用说明

Dec 16 Javascript

jquery表单验证插件（jquery.validate.js）的3种使用方式

Mar 28 Javascript

原生js实现打字动画游戏

Feb 04 Javascript

bootstrap手风琴折叠示例代码分享

May 22 Javascript

JS实现左边列表移到到右边列表功能

Mar 28 Javascript

实现一个 Vue 吸顶锚点组件方法

Jul 10 Javascript

浅析Vue中拆分视图层代码的5点建议

Aug 15 Javascript

js实现小时钟效果

Mar 25 Javascript

Element-UI 使用el-row 分栏布局的教程

Oct 26 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中浮点数计算比较及取整不准确的解决方法

2015/01/09 PHP

PHP性能优化大全(php.ini)

2016/05/20 PHP

php版微信数据统计接口用法示例

2016/10/12 PHP

php对象工厂类完整示例

2018/08/09 PHP

javascript中获取选中对象的类型

2007/04/02 Javascript

响应鼠标变换表格背景或者颜色的代码

2009/03/30 Javascript

node.js中的fs.writeFile方法使用说明

2014/12/14 Javascript

JavaScript模拟实现键盘打字效果

2015/06/29 Javascript

JS实现网站菜单拖拽移位效果的方法

2015/09/24 Javascript

基于jQuery实现网页打印功能

2015/12/01 Javascript

实例讲解jQuery EasyUI tree中state属性慎用

2016/04/01 Javascript

Node.js Express 框架 POST方法详解

2017/01/23 Javascript

详解如何在React组件“外”使用父组件的Props

2018/01/12 Javascript

详解VUE单页应用骨架屏方案

2019/01/17 Javascript

利用JS如何获取form表单数据

2019/12/19 Javascript

原生js实现无缝轮播图

2020/01/11 Javascript

Python Trie树实现字典排序

2014/03/28 Python

python验证码识别的实例详解

2016/09/09 Python

Python去除、替换字符串空格的处理方法

2018/04/01 Python

numpy返回array中元素的index方法

2018/06/27 Python

浅谈Django的缓存机制

2018/08/23 Python

在python中将list分段并保存为array类型的方法

2019/07/15 Python

Python面向对象中类（class）的简单理解与用法分析

2020/02/21 Python

python:批量统计xml中各类目标的数量案例

2020/03/10 Python

Python爬虫之Spider类用法简单介绍

2020/08/04 Python

python 高阶函数简单介绍

2021/02/19 Python

施华洛世奇加拿大官网：SWAROVSKI加拿大

2018/06/03 全球购物

自然健康的概念：Natural Healthy Concepts

2020/01/26 全球购物

质检的岗位职责

2013/11/17 职场文书

关于打架的检讨书

2014/01/17 职场文书

秋季运动会通讯稿

2014/01/24 职场文书

职工运动会感言

2014/02/07 职场文书

提拔干部考察材料

2014/05/26 职场文书

舞蹈教育学专业求职信

2014/06/29 职场文书

销售顾问工作计划书

2014/09/15 职场文书

淘宝好评语句大全

2014/12/31 职场文书