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 相关文章推荐
用JavaScript玩转游戏物理(一)运动学模拟与粒子系统
Jun 19 Javascript
javascript ie6兼容position:fixed实现思路
Apr 01 Javascript
jQuery中的Deferred和promise 的区别
Apr 03 Javascript
jQuery+Pdo编写login登陆界面
Aug 01 Javascript
浅谈jquery采用attr修改form表单enctype不起作用的问题
Nov 25 Javascript
AngularJS表单基本操作
Jan 09 Javascript
微信小程序实现MUI数字输入框效果
Jan 31 Javascript
jQuery中复合选择器简单用法示例
Mar 31 jQuery
JavaScript ES6常用基础知识总结
Feb 09 Javascript
uni-app之APP和小程序微信授权方法
May 09 Javascript
vue实现用户长时间不操作自动退出登录功能的实现代码
Jul 23 Javascript
在Vue里如何把网页的数据导出到Excel的方法
Sep 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
PHP insert语法详解
2008/06/07 PHP
php学习之 数组声明
2011/06/09 PHP
非常实用的PHP常用函数汇总
2014/12/17 PHP
php带抄送和密件抄送的邮件发送方法
2015/03/20 PHP
php curl请求信息和返回信息设置代码实例
2015/04/27 PHP
PHP实现的redis主从数据库状态检测功能示例
2017/07/20 PHP
PHP微商城开源代码实例
2019/03/27 PHP
js substr、substring和slice使用说明小记
2011/09/15 Javascript
nodeType属性返回被选节点的节点类型介绍
2013/11/22 Javascript
js读取配置文件自写
2014/02/11 Javascript
基于javascript的COOkie的操作实现只能点一次
2014/12/26 Javascript
JavaScript变量的作用域全解析
2015/08/14 Javascript
js带前后翻页的图片切换效果代码分享
2015/09/08 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
2016/02/19 Javascript
浅析js的模块化编写 require.js
2016/12/07 Javascript
Radio 单选JS动态添加的选项onchange事件无效的解决方法
2016/12/12 Javascript
原生js实现可拖动的登录框效果
2017/01/21 Javascript
easyui-edatagrid.js实现回车键结束编辑功能的实例
2017/04/12 Javascript
js获取form表单中name属性的值
2019/02/27 Javascript
Vue中使用Lodop插件实现打印功能的简单方法
2019/12/19 Javascript
vue实现前端分页完整代码
2020/06/17 Javascript
小程序实现密码输入框
2020/11/16 Javascript
Vue过滤器,生命周期函数和vue-resource简单介绍
2021/01/12 Vue.js
Python使用MySQLdb for Python操作数据库教程
2014/10/11 Python
浅谈使用Python变量时要避免的3个错误
2017/10/30 Python
Python安装Numpy和matplotlib的方法(推荐)
2017/11/02 Python
python写程序统计词频的方法
2019/07/29 Python
Tensorflow中的dropout的使用方法
2020/03/13 Python
python 弧度与角度互转实例
2020/04/15 Python
Python实现一个简单的递归下降分析器
2020/08/01 Python
如何基于Python和Flask编写Prometheus监控
2020/11/25 Python
加拿大最大的书店:Indigo
2017/01/01 全球购物
欧洲领先的电子和电信零售商和服务提供商:Currys PC World Business
2017/12/05 全球购物
中学生思想品德评语
2014/12/31 职场文书
幼儿园父亲节活动总结
2015/02/12 职场文书
入伍志愿书怎么写?
2019/07/19 职场文书