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提示 &quot;object expected&quot;的解决方法
Dec 13 Javascript
javascript原型链继承用法实例分析
Jan 28 Javascript
javascript事件冒泡实例分析
May 13 Javascript
javascript 中null和undefined区分和比较
Apr 19 Javascript
vue中将网页打印成pdf实例代码
Jun 15 Javascript
JS自定义滚动条效果简单实现代码
Oct 27 Javascript
基于jquery实现多选下拉列表
Aug 02 jQuery
vue使用element-ui的el-input监听不了回车事件的解决方法
Jan 12 Javascript
Angular6 正则表达式允许输入部分中文字符
Sep 10 Javascript
JS数组扁平化(flat)方法总结详解
Jun 24 Javascript
Postman动态获取返回值过程详解
Jun 30 Javascript
Node.js web 应用如何封装到Docker容器中
Sep 01 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
音乐朗读剧《MARS RED》2021年TV动画化决定!
2020/03/06 日漫
PHP网页游戏学习之Xnova(ogame)源码解读(二)
2014/06/23 PHP
php实现事件监听与触发的方法
2014/11/21 PHP
PHP搭建大文件切割分块上传功能示例
2017/01/04 PHP
Javascript的IE和Firefox兼容性汇编(zz)
2007/02/02 Javascript
使用javascipt---实现二分查找法
2013/04/10 Javascript
浅析JavaScript基本类型与引用类型
2014/05/28 Javascript
jquery统计用户选中的复选框的个数
2014/06/06 Javascript
jquery常用方法及使用示例汇总
2014/11/08 Javascript
javascript上下方向键控制表格行选中并高亮显示的方法
2015/02/13 Javascript
Python脚本后台运行的几种方式
2015/03/09 Javascript
jQuery实现评论模块
2020/08/19 jQuery
Windows上使用virtualenv搭建Python+Flask开发环境
2016/06/07 Python
python 线程的暂停, 恢复, 退出详解及实例
2016/12/06 Python
Python操作MongoDB数据库的方法示例
2018/01/04 Python
python实现动态创建类的方法分析
2019/06/25 Python
python对矩阵进行转置的2种处理方法
2019/07/17 Python
pycharm创建scrapy项目教程及遇到的坑解析
2019/08/15 Python
Python 利用邮件系统完成远程控制电脑的实现(关机、重启等)
2019/11/19 Python
使用Rasterio读取栅格数据的实例讲解
2019/11/26 Python
使用Python串口实时显示数据并绘图的例子
2019/12/26 Python
flask 实现上传图片并缩放作为头像的例子
2020/01/09 Python
Python3 集合set入门基础
2020/02/10 Python
python3.7 openpyxl 在excel单元格中写入数据实例
2020/09/01 Python
CSS3弹性伸缩布局之box布局
2016/07/12 HTML / CSS
data:image data url 文件转为Blob上传后端的方法
2019/07/16 HTML / CSS
50道外企软件测试面试题
2014/08/18 面试题
服装创业计划书范文
2014/02/05 职场文书
校园运动会广播稿
2014/10/06 职场文书
民事二审代理词
2015/05/25 职场文书
新闻通讯稿范文
2015/07/22 职场文书
民事纠纷协议书
2016/03/23 职场文书
django如何自定义manage.py管理命令
2021/04/27 Python
浅谈Python实现opencv之图片色素的数值运算和逻辑运算
2021/06/23 Python
JavaWeb 入门篇:创建Web项目,Idea配置tomcat
2021/07/16 Java/Android
Elasticsearch 批量操作
2022/04/19 Python