韩漫免费漫画在线观看方法,《好好疼爱里面》免费看,年轻漂亮的女士护士内衣,妈妈醉酒后把我当爸爸电视剧

文章 > JavaScript > jquery如何实现动态创建元素

jquery如何实现动态创建元素

js jQuery

头像

宋雪维

2021-03-23 11:50:163124浏览 · 0收藏 · 0评论

jquery中有可以实现动态创建的两种方法,使用Dom HTml 动态创建和使用 $()动态创建元素。在实现动态创建之后,通过appendChild方法或者append等方法将新创建的节点添加到其他节点(元素)中就可以使用创建的元素。本文向大家介绍这两种方法。

1、使用Dom HTml 动态创建

var select = document.createElement("select"); 
select.options[0] = new Option("加载项1", "value1"); 
select.options[1] = new Option("加载项2", "value2"); 
select.size = "2"; 
testDiv.appendChild(select); 
});

通过document的createElement方法创建,然后通过appendChild方法添加到指定的对象中即可 。

2、使用 $()动态创建元素

let link = $("<a href='https://www.baidu.com'>百度一下,你就知道</a>");
console.log(link);
$("body").append(link); // 追加到 body 元素中

注意:$() 也可以创建节点,但是创建的节点只存在于内存中,如果需要添加到 dom 中,则需要追加。

补充:使用$(html字符串)来创建Dom节点,并且返回一个jQuery对象,然后调用append等方法将新创建的节点添加到其他节点(元素)中即可。

var link = $("<a href='http://www.baidu.com'>百度</a>");
                $("div:first").append(link);

以上就是jquery实现动态创建元素的两种方法,大家可以选择其中一种方法使用哦~更多JavaScript学习推荐:JavaScript教程

本文教程操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

指尖搅动我的心弦| 交换第一次| 怎么骑桌角到失禁| 亚洲无线一线二线三线区别| 做到你合不拢腿为止| 《艳乳欲乱2》免费观看| 《诱人的女房东3》| 老牛耕田陈雪全文免费阅读笔趣阁| 香港奇秦之雾夜屠夫| 免费看欧洲电影美好的世界| 小雪解开乳罩给老杨摸| 东北娘们国语版免费播放 | 欧美大妈LOGO大全| 自慰被发现然后被C了H漫画| 来吧儿子妈妈是纯还是仿| 《明明说过要用避孕套了》| 丁香花影院免费观看电视剧哈尔滨| 《蜜汁樱桃》笔趣阁全文免费阅读 | 轮流和两个男人一起很容易染病吗| 乔四美| 天美传奇星空MV高清免费| 日本M码和欧洲码的区别A S. | 3DMAX视频成品免费入口| 扒灰小调公媳干仗艳丽是谁唱的| 成色18K1.220.38软件| 精品免费国产一区二区三区四区| 美丽小洞5荷尔蒙| 《警花交换做爰》| 公交车被上高湖了还能坐吗小说| 40岁女人如饥似渴最佳解决方法| 疯狂一家亲TXT全文阅读| 吴彦祖| 天堂草在线观看国产AV| 老公不在我和公发| 他的手渐渐地也开始不安分起来| 人马杂配MV的视频在哪里看| 《女教师的味道3》在线观看| 入室强伦轩人妻电影| 女人用嘴巴吸出精子会反流吗| 少妇厨房与子伦HD| 欧美大片