jquery动态创建div与input的实例代码
2016-10-12 10:03
891 查看
无意中发现的,做为收藏,以备后绪查看时用。
实例如下:
<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的实例代码全部内容了,希望大家多多支持脚本之家~
您可能感兴趣的文章:
相关文章推荐
- jquery动态创建div与input
- 【经典实例】利用C#反射动态编译代码,创建类的实例,并调用其成员
- jQuery动态添加 input type=file的实现代码
- jquery实现动态菜单的实例代码
- javascript jquery动态删除select下的option实例代码
- js动态创建div等元素实例
- 基于Jquery的动态创建DOM元素的代码
- jQuery 绑定事件到动态创建的元素上的方法实例
- 三种动态加载js的jquery实例代码另附去除js方法
- jquery 遍历input实例代码
- spring框架中多数据源创建加载并且实现动态切换的配置实例代码
- JQuery动态创建DOM、表单元素的实现代码
- jquery实现输入框动态增减的实例代码
- 动态创建类实例代码
- JavaScript动态创建div属性和样式示例代码
- jquery 动态创建 DIV
- Jquery中把一段html代码动态写入到DIV中(简单实例)
- spring框架中多数据源创建加载并且实现动态切换的配置实例代码
- jQuery动态创建div方法