jquery动态创建div与input的实例代码


Posted in Javascript onOctober 12, 2016

无意中发现的,做为收藏,以备后绪查看时用。

实例如下:

<html>
<head>
<title>jjquery动态创建div与input</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script>
<!--动态创建div-->
$(function (){
$("<div>",{
id:'text',
text:'this is a test',
"class":"text",
click:function(){
$(this).toggleClass('test');
}
}).appendTo("body");
})
<!--动态创建input-->
$(function(){
$("<input>",{
type:'text',
val:'text',
function:function(){
$(this).addClass('active');
},
focusout:function(){
$(this).removeClass('active');
}
}).appendTo("div");
})
</script>
</head>
<body></body>
</html>

以上就是小编为大家带来的jquery动态创建div与input的实例代码全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
jQuery $.each的用法说明
Mar 22 Javascript
jquery二级导航内容均分的原理及实现
Aug 13 Javascript
JQuery+Ajax实现数据查询、排序和分页功能
Sep 27 Javascript
谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法
Dec 03 Javascript
Angularjs实现分页和分页算法的示例代码
Dec 23 Javascript
js的OOP继承实现(必看篇)
Feb 18 Javascript
jQuery+CSS3实现点赞功能
Mar 13 Javascript
Node.js使用Express创建Web项目详细教程
Mar 31 Javascript
浅谈关于angularJs中使用$.ajax的注意点
Aug 12 Javascript
JS实现动态生成html table表格的方法分析
Jul 11 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
Oct 11 Javascript
vue实现简单数据双向绑定
Apr 28 Vue.js
javascript加载xml 并解析各节点的值(实现方法)
Oct 12 #Javascript
jquery动态添加文本并获取值的方法
Oct 12 #Javascript
jquery 动态增加,减少input表单的简单方法(必看)
Oct 12 #Javascript
微信小程序 生命周期详解
Oct 12 #Javascript
让html元素随浏览器的大小自适应垂直居中的实现方法
Oct 12 #Javascript
Angularjs手动解析表达式($parse)
Oct 12 #Javascript
js利用clipboardData实现截屏粘贴功能
Oct 12 #Javascript
You might like
mysql,mysqli,PDO的各自不同介绍
2012/09/19 PHP
CodeIgniter生成静态页的方法
2016/05/17 PHP
PHP编程实现的TCP服务端和客户端功能示例
2018/04/13 PHP
extjs 为某个事件设置拦截器
2010/01/15 Javascript
jquery 多行滚动代码(附详细解释)
2010/06/17 Javascript
jquery trim() 功能源代码
2011/02/14 Javascript
JSON+JavaScript处理JSON的简单例子
2013/03/20 Javascript
javascript中String对象的slice()方法分析
2014/12/20 Javascript
js获取数组的最后一个元素
2015/04/14 Javascript
JavaScript中的pow()方法使用详解
2015/06/15 Javascript
Nodejs Express4.x开发框架随手笔记
2015/11/23 NodeJs
JS中微信小程序自定义底部弹出框
2016/12/22 Javascript
详谈JavaScript的闭包及应用
2017/01/17 Javascript
layui-table对返回的数据进行转变显示的实例
2019/09/04 Javascript
js数组相减简单示例【删除a数组所有与b数组相同元素】
2020/03/04 Javascript
OpenLayers实现图层切换控件
2020/09/25 Javascript
[05:03]显微镜下的DOTA2第十期——Ti3豪之超神幽鬼
2014/06/23 DOTA
一篇不错的Python入门教程
2007/02/08 Python
Python基于回溯法子集树模板解决0-1背包问题实例
2017/09/02 Python
Java实现的执行python脚本工具类示例【使用jython.jar】
2018/03/29 Python
对python中Matplotlib的坐标轴的坐标区间的设定实例讲解
2018/05/25 Python
Pandas:DataFrame对象的基础操作方法
2018/06/07 Python
对python3中的RE(正则表达式)-详细总结
2019/07/23 Python
python系列 文件操作的代码
2019/10/06 Python
python list数据等间隔抽取并新建list存储的例子
2019/11/27 Python
Python实现使用dir获取类的方法列表
2019/12/24 Python
Python SSL证书验证问题解决方案
2020/01/13 Python
Python for循环通过序列索引迭代过程解析
2020/02/07 Python
ALDO英国官网:加拿大女鞋品牌
2018/02/19 全球购物
以下为Windows NT 下的32 位C++程序,请计算sizeof 的值
2016/12/07 面试题
什么是Assembly(程序集)
2014/09/14 面试题
会计专业毕业自荐书范文
2014/02/08 职场文书
战友聚会策划方案
2014/06/13 职场文书
欢迎词怎么写
2015/01/23 职场文书
springboot利用redis、Redisson处理并发问题的操作
2021/06/18 Java/Android
springboot临时文件存储目录配置方式
2021/07/01 Java/Android