![jQuery动态创建html元素的常用方法汇总【jquery】](https://100zi.50zi.cn/uploadfile/img/14/553/de15626604c616cd715eaa0540ca3268.jpg)
web前端|js教程
jQuery,动态,创建,html,元素,方法
web前端-js教程
本文实例讲述了jQuery动态创建html元素的常用方法,在使用jQuery进行WEB程序设计的时候非常有用。分享给大家供大家参考。具体方法如下:
360怎么查看网站源码,vscode 代理身份验证,ubuntu怎么重置,如何改tomcat 端口,爬虫大数据‘,sqlrelay php,前端开发需要学习seo吗,99源码网站,手机网址导航页面模板lzw
一般来说,可以通过以下几种方式动态创建html元素:
地称软件源码,ubuntu消息队列打印,爬虫练习方法视频,php中||,seo优化背景lzw
1、使用jQuery创建元素的语法
2、把动态内容存放到数组中,再遍历数组动态创建html元素
3、使用模版
e语言源码大全,把vscode移植到安卓,xps 安装ubuntu,查看tomcat日志位置,用stat爬虫,nginx下安装php,为什么seo推广那么多, mvc 门户网站lzw
1.使用jQuery动态创建元素追加到jQuery对象上。
$(function() { $(\, { id: cbx, name: cbx, type: checkbox, checked: checked, click: function() { alert("点我了~~"); } }).appendTo($(#wrap));});
运行效果下图例:
2.先把内容放到数组中,然后遍历数组拼接成html
table { border: solid 1px red; border-collapse: collapse;} td { border: solid 1px red;} $(function () { var data = ["a", "b", "c", "d"]; var html = \; for (var i = 0; i < data.length; i ++) { html += "
" + data[i] + " | "; } $("#row").append(html);});
运行效果下图例:
3.使用模版生成html
$(function () { var a = buildHTML("a", "我是由模版生成的", { id: "myLink", href: "" }); $(#wrap1).append(a); var input = buildHTML("input", { id: "myInput", type: "text", value: "我也是由模版生成的~~" }); $(#wrap2).append(input);}); buildHTML = function(tag, html, attrs) { // you can skip html param if (typeof (html) != string) { attrs = html; html = null; } var h = \" + html + "" : "/>";};
运行效果下图例:
相信本文所述对大家使用jQuery进行WEB程序设计有一定的借鉴价值。