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 相关文章推荐
在Windows上安装Node.js模块的方法
Sep 25 Javascript
A标签中通过href和onclick传递的this对象实现思路
Apr 19 Javascript
jquery衣服颜色选取插件效果代码分享
Aug 28 Javascript
js正则表达式验证邮件地址
Nov 12 Javascript
js转换对象为xml
Feb 17 Javascript
angularjs实现下拉列表的选中事件示例
Mar 03 Javascript
AngularJS自定义指令详解(有分页插件代码)
Jun 12 Javascript
JS仿淘宝搜索框用户输入事件的实现
Jun 19 Javascript
js禁止表单重复提交
Aug 29 Javascript
vue-router 路由基础的详解
Oct 17 Javascript
JavaScript循环遍历你会用哪些之小结篇
Sep 28 Javascript
Node.js 使用axios读写influxDB的方法示例
Oct 26 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 随机排序广告的实现代码
2011/05/09 PHP
php中上传文件的的解决方案
2018/09/25 PHP
PHP _construct()函数讲解
2019/02/03 PHP
PHP实用小技巧之调用录像的方法
2019/12/05 PHP
jquery创建div 实现代码
2009/04/27 Javascript
js 函数的执行环境和作用域链的深入解析
2009/11/01 Javascript
Ext 今日学习总结
2010/09/19 Javascript
javascript使用window.open提示“已经计划系统关机”的原因
2014/08/15 Javascript
JQuery动态添加Select的Option元素实现方法
2016/08/29 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
2016/11/09 Javascript
详解nodeJS中读写文件方法的区别
2017/03/06 NodeJs
使用Bootstrap打造特色进度条效果
2017/05/02 Javascript
js注册时输入合法性验证方法
2017/10/21 Javascript
vue进入页面时不在顶部,检测滚动返回顶部按钮问题及解决方法
2019/10/30 Javascript
vue 开发之路由配置方法详解
2019/12/02 Javascript
JS实现音乐钢琴特效
2020/01/06 Javascript
Python程序设计入门(1)基本语法简介
2014/06/13 Python
如何将python中的List转化成dictionary
2016/08/15 Python
Python自然语言处理 NLTK 库用法入门教程【经典】
2018/06/26 Python
十行代码使用Python写一个USB病毒
2019/06/21 Python
python将字符串转换成json的方法小结
2019/07/09 Python
Python实现Restful API的例子
2019/08/31 Python
Pytorch 搭建分类回归神经网络并用GPU进行加速的例子
2020/01/09 Python
pycharm设置当前工作目录的操作(working directory)
2020/02/14 Python
使用PyQt5实现图片查看器的示例代码
2020/04/21 Python
Python中的特殊方法以及应用详解
2020/09/20 Python
canvas需要在标签里直接定义宽高
2014/12/17 HTML / CSS
达拉斯牛仔官方商店:Dallas Cowboys Pro Shop
2018/02/10 全球购物
Desigual美国官方网站:西班牙服装品牌
2019/03/29 全球购物
捷克购买家具网站:JENA nábytek
2020/03/19 全球购物
幼师求职信
2014/06/23 职场文书
大学生入党自荐书
2015/03/05 职场文书
公司总经理岗位职责
2015/04/01 职场文书
董事长致辞
2015/07/29 职场文书
MySQL学习总结-基础架构概述
2021/04/05 MySQL
python的列表生成式,生成器和generator对象你了解吗
2022/03/16 Python