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学习笔记2 函数
Jan 11 Javascript
JavaScript Sort 的一个错误用法示例
Mar 20 Javascript
javascript类型系统 Array对象学习笔记
Jan 09 Javascript
JavaScript面向对象程序设计教程
Mar 29 Javascript
JS函数多个参数默认值指定方法分析
Nov 28 Javascript
JS实现重新加载当前页面或者父页面的几种方法
Nov 30 Javascript
简单实现JS倒计时效果
Dec 23 Javascript
php 解压zip压缩包内容到指定目录的实例
Jan 23 Javascript
浅谈vue的几种绑定变量的值 防止其改变的方法
Mar 01 Javascript
Vue.js 中的 v-show 指令及用法详解
Nov 19 Javascript
vue2.0结合Element-ui实战案例
Mar 06 Javascript
微信小程序如何调用json数据接口并解析
Jun 29 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
将CKfinder整合进CKEditor3.0的新方法
2010/01/10 Javascript
通过伪协议解决父页面与iframe页面通信的问题
2015/04/05 Javascript
jQuery通过Ajax返回JSON数据
2015/04/28 Javascript
jquery通过扩展select控件实现支持enter或focus选择的方法
2015/11/19 Javascript
javascript时间排序算法实现活动秒杀倒计时效果
2021/01/28 Javascript
jQuery Ajax 上传文件处理方式介绍(推荐)
2016/06/30 Javascript
jQuery中JSONP的两种实现方式详解
2016/09/26 Javascript
Vue.JS入门教程之处理表单
2016/12/01 Javascript
DropDownList实现可输入可选择(两种版本可选)
2016/12/07 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
2019/09/06 Javascript
JS正则表达式常见函数与用法小结
2020/04/13 Javascript
JS 创建对象的模式实例小结
2020/04/28 Javascript
Node.js fs模块原理及常见用途
2020/10/22 Javascript
[02:44]DOTA2英雄基础教程 克林克兹
2014/01/15 DOTA
python字符串连接方式汇总
2014/08/21 Python
python删除指定类型(或非指定)的文件实例详解
2015/07/06 Python
使用Python的turtle模块画图的方法
2017/11/15 Python
pycharm设置注释颜色的方法
2018/05/23 Python
解决pycharm py文件运行后停止按钮变成了灰色的问题
2018/11/29 Python
Python实现对adb命令封装
2020/03/06 Python
波兰补充商店:Muscle Power
2018/10/29 全球购物
Bally澳大利亚官网:瑞士奢侈品牌
2018/11/01 全球购物
印度最好的在线药品订购网站:PharmEasy
2018/11/30 全球购物
出纳的岗位职责
2013/11/09 职场文书
家长评语和期望
2014/02/10 职场文书
好人好事事迹材料
2014/02/12 职场文书
交警个人先进事迹材料
2014/05/11 职场文书
企业诚信承诺书
2014/05/23 职场文书
工地宣传标语
2014/06/18 职场文书
全陪导游词
2015/02/04 职场文书
西岭雪山导游词
2015/02/06 职场文书
2015国庆节66周年演讲稿
2015/03/20 职场文书
驳回起诉裁定书
2015/05/19 职场文书
分享:关于学习的励志名言赏析
2019/08/16 职场文书
你离财务总监还有多远?速览CFO的岗位职责
2019/11/18 职场文书
使用CSS自定义属性实现骨架屏效果
2022/06/21 HTML / CSS