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_06_理解对象的创建过程
Oct 15 Javascript
js弹出的对话窗口永远保持居中显示
Dec 15 Javascript
JS正则验证邮箱的格式详细介绍
Nov 19 Javascript
jquery dialog open后,服务器端控件失效的快速解决方法
Dec 19 Javascript
Javascript加载速度慢的解决方案
Mar 11 Javascript
iframe实用操作锦集
Apr 22 Javascript
浅谈Javascript中Object与Function对象
Sep 26 Javascript
jQuery插件MovingBoxes实现左右滑动中间放大图片效果
Feb 28 Javascript
AngularJS ng-repeat指令及Ajax的应用实例分析
Jul 06 Javascript
vue修改vue项目运行端口号的方法
Aug 04 Javascript
jQuery实现获取动态添加的标签对象示例
Jun 28 jQuery
layui 表单标签的校验方法
Sep 04 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
SONY ICF-SW07收音机电路分析
2021/03/02 无线电
php_xmlhttp 乱码问题解决方法
2009/08/07 PHP
php模拟asp中的XmlHttpRequest实现http请求的代码
2011/03/24 PHP
PHP实现远程下载文件到本地
2015/05/17 PHP
基于PHP实现简单的随机抽奖小程序
2016/01/05 PHP
php简单实现sql防注入的方法
2016/04/22 PHP
jQuery写的日历(包括日历的样式及功能)
2013/04/23 Javascript
js中apply方法的使用详细解析
2013/11/04 Javascript
跟我学Node.js(四)---Node.js的模块载入方式与机制
2014/06/04 Javascript
关于JS数组追加数组采用push.apply的问题
2014/06/09 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
2016/03/18 Javascript
js重写方法的简单实现
2016/07/10 Javascript
详解nodejs实现本地上传图片并预览功能(express4.0+)
2017/06/28 NodeJs
node.js 核心http模块,起一个服务器,返回一个页面的实例
2017/09/11 Javascript
VUE2.0+Element-UI+Echarts封装的组件实例
2018/03/02 Javascript
使用ThinkJs搭建微信中控服务的实现方法
2019/08/08 Javascript
vue获取data数据改变前后的值方法
2019/11/07 Javascript
vue在路由中验证token是否存在的简单实现
2019/11/11 Javascript
使用python分析git log日志示例
2014/02/27 Python
Python中使用glob和rmtree删除目录子目录及所有文件的例子
2014/11/21 Python
Python并发编程协程(Coroutine)之Gevent详解
2017/12/27 Python
python cs架构实现简单文件传输
2020/03/20 Python
解决pycharm每次新建项目都要重新安装一些第三方库的问题
2019/01/17 Python
python安装和pycharm环境搭建设置方法
2020/05/27 Python
详解HTML5中的manifest缓存使用
2015/09/09 HTML / CSS
泰国第一在线超市:Tops
2021/02/13 全球购物
Ruby如何定义一个类
2012/10/08 面试题
《囚绿记》教学反思
2014/03/01 职场文书
投标保密承诺书
2014/05/19 职场文书
研究生毕业论文导师评语
2014/12/31 职场文书
社区活动总结
2015/02/04 职场文书
教师远程培训心得体会
2016/01/09 职场文书
创业计划书之外语培训班
2019/11/02 职场文书
Python深度学习之Pytorch初步使用
2021/05/20 Python
Django路由层如何获取正确的url
2021/07/15 Python
一文搞懂Java中的注解和反射
2022/06/21 Java/Android