JQuery动态创建DOM、表单元素的实现代码
2011-08-09 00:00
996 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>createElement</title> <style type="text/css"> .warpper{ border:1px solid red; padding:8px;} </style> <script type="text/javascript" language="javascript" src="JavaScript/jquery-1.6.1.min.js" ></script> <script type="text/javascript" language="javascript"> <!-- ///动态创建一个div $(function(){ $('<div />',{ id:'test', text:"this is a div", "class":"warpper", click:function(){ var text=$(this).text(); alert(text); } }).appendTo("body"); }); //创建input:text $(function(){ $('<input />',{ type:"text", val:"input text somethings...", name:"userName" }).appendTo("body"); }); //创建input select $(function(){ var slt=$('<select />',{name:"country" }); $('<option />',{ val:"0", text:"请选择" }).appendTo(slt); $('<option>',{ val:"CN", text:"China", selected:"selected" }).appendTo(slt); $("body").append(slt); }); //创建radio $(function(){ $('<input />',{ type:"radio", name:"rdo", checked:"checked", val:"男" }).appendTo("body"); $('<label>',{ text:"男", }).appendTo("body"); $('<input />',{ type:"radio", name:"rdo", val:"女" }).appendTo("body"); $('<label>',{ text:"女" }).appendTo("body"); }); //creat checkbox $(function(){ $('<input />',{ type:"checkbox", name:"cbox", val:"1", checked:"checked" }).appendTo("body"); }); $(function(){ $('<input />',{ type:"file", name:"myfile" }).appendTo("body"); }); //--> </script> </head> <body> <form> </body> </html>
相关文章推荐
- JQuery动态创建DOM、表单元素的实现代码
- JQuery动态创建DOM、表单元素的实现代码
- JQuery动态创建DOM、表单元素
- 基于Jquery的动态创建DOM元素的代码
- 基于Jquery的动态创建DOM元素的代码
- 基于Jquery的动态创建DOM元素的代码
- Jquery动态创建DOM元素
- jQuery动态创建元素以及追加节点的实现方法
- Jquery实现表格元素的动态创建功能
- jQuery 核心函数:jQuery(html,[ownerDocument])动态创建DOM元素
- jquery 简短几句代码实现给元素动态添加及获取提示信息
- JQuery动态创建DOM对象、表单元素
- jQuery实现表格元素动态创建功能
- Jquery的动态创建DOM元素
- Jquery6_控制Dom元素_动态创建节点及删除节点
- 基于jquery的关于动态创建DOM元素的问题
- jquery 简短几句代码实现给元素动态添加及获取提示信息
- 基于jquery的关于动态创建DOM元素的问题
- 基于jquery的关于动态创建DOM元素的问题
- jQuery动态设置form表单的enctype值(实现代码)