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实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
Jul 26 Javascript
Kibo 用于处理键盘事件的Javascript工具库
Oct 28 Javascript
jquery点击缩略图切换视频播放特效代码分享
Sep 15 Javascript
jQuery实现的左右移动焦点图效果
Jan 14 Javascript
jQuery短信验证倒计时功能实现方法详解
May 25 Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
Jan 04 Javascript
微信小程序之获取当前位置经纬度以及地图显示详解
May 09 Javascript
Mobile Web开发基础之四--处理手机设备的横竖屏问题
Aug 11 Javascript
深入理解ES7的async/await的用法
Sep 09 Javascript
微信小程序自定义导航教程(兼容各种手机)
Dec 12 Javascript
layui-tree实现Ajax异步请求后动态添加节点的方法
Sep 23 Javascript
bootstrapValidator表单校验、更改状态、新增、移除校验字段的实例代码
May 19 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
PHP实现删除非站内外部链接实例代码
2014/06/17 PHP
PHP Try-catch 语句使用技巧
2016/02/28 PHP
php数组分页实现方法
2016/04/30 PHP
thinkPHP的表达式查询用法详解
2016/09/14 PHP
yii2 上传图片的示例代码
2018/11/02 PHP
laravel 验证错误信息到 blade模板的方法
2019/09/29 PHP
Javascript常用运算符(Operators)-javascript基础教程
2007/12/14 Javascript
用AJAX返回HTML片段中的JavaScript脚本
2010/01/04 Javascript
ExtJs纵坐标值重复问题的解决方法
2014/02/27 Javascript
JavaScript中常见的字符串操作函数及用法汇总
2015/05/04 Javascript
详解基于Bootstrap扁平化的后台框架Ace
2015/11/27 Javascript
JavaScript函数内部属性和函数方法实例详解
2016/03/17 Javascript
一道优雅面试题分析js中fn()和return fn()的区别
2016/07/05 Javascript
必备的JS调试技巧汇总
2016/07/20 Javascript
js捕捉键盘事件和按键键值的方法
2016/10/10 Javascript
js中json处理总结之JSON.parse
2016/10/14 Javascript
浅谈mint-ui 填坑之路
2017/11/06 Javascript
浅析vue插槽和作用域插槽的理解
2019/04/22 Javascript
原生js实现移动小球(碰撞检测)
2020/12/17 Javascript
[03:09]2014DOTA2国际邀请赛 赛场上的美丽风景线 中国Coser也爱DOTA2
2014/07/20 DOTA
解决python3 urllib中urlopen报错的问题
2017/03/25 Python
Python Selenium Cookie 绕过验证码实现登录示例代码
2018/04/10 Python
详解Python3.6的py文件打包生成exe
2018/07/13 Python
Python合并多个Excel数据的方法
2018/07/16 Python
Python 多维List创建的问题小结
2019/01/18 Python
解决安装python3.7.4报错Can''t connect to HTTPS URL because the SSL module is not available
2019/07/31 Python
python匿名函数用法实例分析
2019/08/03 Python
Python JSON编解码方式原理详解
2020/01/20 Python
Jupyter Notebook折叠输出的内容实例
2020/04/22 Python
英国打印机墨盒销售网站:Ink Factory
2019/10/07 全球购物
学生实习自我鉴定
2013/10/11 职场文书
应届毕业生就业自荐信
2013/10/26 职场文书
工程材料采购方案
2014/05/18 职场文书
单方离婚协议书范本2014
2014/10/28 职场文书
教师创先争优承诺书
2015/04/27 职场文书
2016年度优秀辅导员事迹材料
2016/02/26 职场文书