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插件开发 菜单插件开发
May 03 Javascript
Javascript实现页面跳转的几种方式分享
Oct 26 Javascript
JS简单的图片放大缩小的两种方法
Nov 11 Javascript
对table和ul实现js分页示例分享
Feb 24 Javascript
javascript将url中的参数加密解密代码
Nov 17 Javascript
微信小程序 开发指南详解
Sep 27 Javascript
js实现上下左右弹框划出效果
Mar 08 Javascript
react-native-fs实现文件下载、文本存储的示例代码
Sep 22 Javascript
浅谈vue.js导入css库(elementUi)的方法
Mar 09 Javascript
微信小程序上传帖子的实例代码(含有文字图片的微信验证)
Jul 11 Javascript
vue使用axios实现excel文件下载的功能
Jul 16 Javascript
JavaScript Html实现移动端红包雨功能页面
Jan 10 Javascript
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
ThinkPHP的I方法使用详解
2014/06/18 PHP
PHP中4种常用的抓取网络数据方法
2015/06/04 PHP
如何实现动态删除javascript函数
2007/05/27 Javascript
flash javascript之间的通讯方法小结
2008/12/20 Javascript
javascript+css 网页每次加载不同样式的实现方法
2009/12/27 Javascript
jquery 批量上传图片实现代码
2010/01/28 Javascript
关于this和self的使用说明
2010/08/01 Javascript
JavaScript中的原型和继承详解(图文)
2014/07/18 Javascript
Thinkphp模板没有解析直接原样输出的解决方法
2014/10/31 Javascript
浅析jQuery Ajax请求参数和返回数据的处理
2016/02/24 Javascript
基于Vue.js实现数字拼图游戏
2016/08/02 Javascript
浅析JS中对函数function的理解(基础篇)
2016/10/14 Javascript
js仿京东轮播效果 选项卡套选项卡使用
2017/01/12 Javascript
jQuery使用正则表达式替换dom元素标签用法示例
2017/01/16 Javascript
Bootstrap模态框案例解析
2017/03/05 Javascript
Easyui Datagrid自定义按钮列(最后面的操作列)
2017/07/13 Javascript
vue实现的网易云音乐在线播放和下载功能案例
2019/02/18 Javascript
vue 路由懒加载中给 Webpack Chunks 命名的方法
2020/04/24 Javascript
利用webpack理解CommonJS和ES Modules的差异区别
2020/06/16 Javascript
python批量制作雷达图的实现方法
2016/07/26 Python
python中numpy基础学习及进行数组和矢量计算
2017/02/12 Python
用python处理图片之打开\显示\保存图像的方法
2018/05/04 Python
python中pip的安装与使用教程
2018/08/10 Python
Python生成rsa密钥对操作示例
2019/04/26 Python
Python使用mongodb保存爬取豆瓣电影的数据过程解析
2019/08/14 Python
浅谈Python type的使用
2019/11/19 Python
python判断变量是否为列表的方法
2020/09/17 Python
python获取时间戳的实现示例(10位和13位)
2020/09/23 Python
Python使用tkinter实现小时钟效果
2021/02/22 Python
保加利亚运动鞋购物网站:SneakerStudio.bg
2020/12/23 全球购物
编辑硕士自荐信范文
2013/11/27 职场文书
主持人演讲稿
2014/05/13 职场文书
离职感谢信怎么写
2015/01/22 职场文书
2016年大学生暑假爱心支教活动策划书
2015/11/26 职场文书
在MySQL中你成功的避开了所有索引
2022/04/20 MySQL
Spring Boot 的创建和运行示例代码详解
2022/07/23 Java/Android