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 相关文章推荐
使用onbeforeunload属性后的副作用
Mar 08 Javascript
Autocomplete Textbox Example javascript实现自动完成成功
Aug 17 Javascript
js实现在页面上弹出蒙板技巧简单实用
Apr 16 Javascript
页面装载js及性能分析方法介绍
Mar 21 Javascript
js设置cookie过期当前时间减去一秒相当于立即过期
Sep 04 Javascript
javascript中数组array及string的方法总结
Nov 28 Javascript
如何使用JS在HTML中自定义字符串格式化
Jul 20 Javascript
require.js 加载过程与使用方法介绍
Oct 30 Javascript
如何使用VuePress搭建一个类型element ui文档
Feb 14 Javascript
layui 实现二级弹窗弹出之后 关闭一级弹窗的方法
Sep 18 Javascript
为nuxt项目写一个面包屑cli工具实现自动生成页面与面包屑配置
Sep 29 Javascript
node脚手架搭建服务器实现token验证的方法
Jan 20 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
跟我学Laravel之请求(Request)的生命周期
2014/10/15 PHP
基于PHP实现商品成交时发送短信功能
2016/05/11 PHP
理解Javascript_01_理解内存分配原理分析
2010/10/11 Javascript
DOM 事件流详解
2015/01/20 Javascript
javascript实现删除前弹出确认框
2015/06/04 Javascript
javascript中JSON对象与JSON字符串相互转换实例
2015/07/11 Javascript
灵活使用数组制作图片切换js实现
2016/07/28 Javascript
微信小程序 条件渲染详解
2016/10/09 Javascript
原生js验证简洁注册登录页面
2016/12/17 Javascript
详解angularJs模块ui-router之状态嵌套和视图嵌套
2017/04/28 Javascript
微信小程序module.exports模块化操作实例浅析
2018/12/20 Javascript
使用typescript构建Vue应用的实现
2019/08/26 Javascript
js 函数性能比较方法
2020/08/24 Javascript
uniapp电商小程序实现订单30分钟倒计时
2020/11/01 Javascript
vc6编写python扩展的方法分享
2014/01/17 Python
Python发送http请求解析返回json的实例
2018/03/26 Python
Python实现简单http服务器
2018/04/12 Python
python 实现12bit灰度图像映射到8bit显示的方法
2019/07/08 Python
对于Python深浅拷贝的理解
2019/07/29 Python
python selenium爬取斗鱼所有直播房间信息过程详解
2019/08/09 Python
Python压缩模块zipfile实现原理及用法解析
2020/08/14 Python
土耳其时尚潮流在线购物网站:Trendyol
2017/10/10 全球购物
Hobbs官方网站:英国奢华女性时尚服装
2020/02/22 全球购物
行政工作个人的自我评价
2014/02/13 职场文书
会务接待方案
2014/02/27 职场文书
党员廉洁自律承诺书
2014/05/26 职场文书
个人租房协议书范本
2014/09/30 职场文书
欢迎家长标语
2014/10/08 职场文书
见习报告格式范文
2014/11/08 职场文书
三八妇女节寄语
2015/02/27 职场文书
学生会生活部工作总结2015
2015/03/31 职场文书
2015年教师教学工作总结
2015/04/28 职场文书
农村党员干部承诺书
2015/05/04 职场文书
学生会部长竞选稿
2015/11/19 职场文书
web前端之css水平居中代码解析
2021/05/20 HTML / CSS
Python中requests做接口测试的方法
2021/05/30 Python