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 ui 1.7更新小结
Aug 15 Javascript
JavaScript中的细节分析
Jun 30 Javascript
jquery创建一个新的节点对象(自定义结构/内容)的好方法
Jan 21 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
Jun 05 Javascript
了不起的node.js读书笔记之node的学习总结
Dec 22 Javascript
jQuery中innerWidth()方法用法实例
Jan 19 Javascript
Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法
Apr 29 Javascript
详解webpack 多页面/入口支持&amp;公共组件单独打包
Jun 29 Javascript
vue移动端实现红包雨效果
Jun 23 Javascript
解决cordova+vue 项目打包成APK应用遇到的问题
May 10 Javascript
详解vue-router 动态路由下子页面多页共活的解决方案
Dec 22 Javascript
Vue中通过属性绑定为元素绑定style行内样式的实例代码
Apr 30 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
CodeIgniter使用phpcms模板引擎
2013/11/12 PHP
php版微信公众平台开发之验证步骤实例详解
2016/09/23 PHP
基于yaf框架和uploadify插件,做的一个导入excel文件,查看并保存数据的功能
2017/01/24 PHP
php检查函数必传参数是否存在的实例详解
2017/08/28 PHP
php 读写json文件及修改json的方法
2018/03/07 PHP
讨论javascript(一)工厂方式 js面象对象的定义方法
2009/12/15 Javascript
解析Javascript小括号“()”的多义性
2013/12/03 Javascript
js获取字符串字节数方法小结
2015/06/09 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
2015/10/09 Javascript
JS实现太极旋转思路分析
2016/12/09 Javascript
详解handlebars+require基本使用方法
2016/12/21 Javascript
jQuery实现节点的追加、替换、删除、复制功能示例
2017/07/11 jQuery
把vue-router和express项目部署到服务器的方法
2018/02/21 Javascript
微信小程序分享功能onShareAppMessage(options)用法分析
2019/04/24 Javascript
java实现单链表增删改查的实例代码详解
2019/08/30 Javascript
微信小程序实现音频文件播放进度的实例代码
2020/03/02 Javascript
JavaScript代码模拟鼠标自动点击事件示例
2020/08/07 Javascript
vue绑定class的三种方法
2020/12/24 Vue.js
[02:39]DOTA2国际邀请赛助威团西雅图第一天
2013/08/08 DOTA
[46:16]2018DOTA2亚洲邀请赛3月30日 小组赛B组 iG VS VP
2018/03/31 DOTA
Python+OpenCV实现图像融合的原理及代码
2018/12/03 Python
selenium+python环境配置教程详解
2019/05/28 Python
Python模拟伯努利试验和二项分布代码实例
2020/05/27 Python
一文解决django 2.2与mysql兼容性问题
2020/07/15 Python
详解HTML5布局和HTML5标签
2020/10/26 HTML / CSS
MIRTA官网:手工包,100%意大利制造
2020/02/11 全球购物
公司员工体检通知
2015/04/21 职场文书
学校元旦晚会开场白
2015/05/29 职场文书
郭明义电影观后感
2015/06/08 职场文书
2016秋季小学开学寄语
2015/12/03 职场文书
优胜劣汰,强者为王——读《鲁滨逊漂流记》有感
2019/08/15 职场文书
导游词之无锡唐城
2019/12/12 职场文书
祝福语集锦:给妹妹结婚的祝福语
2019/12/18 职场文书
Canvas如何做个雪花屏版404的实现
2021/09/25 HTML / CSS
DIY胆机必读:各国电子管评价
2022/04/06 无线电
Tomcat starup.bat 脚本实现开机自启动
2022/04/20 Servers