国产成人AV无码一二三区,少女1到100集,国产精品久久久久精品综合紧,巜公妇之诱感肉欲HD在线播放

文章 > 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电脑。

关注

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

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

穿黑色蕾丝透明胸罩说明什么| 《医务室的小秘密》动漫第一季免..| 美国色情巜做爰4| 免费的行情网站WWW网页版| 《枕边欢情》电影免费观看| 《我的漂亮老师2》电视剧免费观..| 阴部按摩出水太尴尬怎么办| 公媳欢情沈曼最新章节更新| 我和两个继拇交换做爰| 美国伦理4女警| 扌桑达鬲的日| 机械师摩托车| 女性扒开大腿内侧小肚子痒| 美国暴躁真人CSGO| 妈妈让我戴上避孕套的下一句是啥 | 琪琪在线影院电视剧免费| 同学的母亲中字ID| 《交换温柔》免费观看全集完整版| 优酷士豆网| 粗大的蘑菇头刮得又红又肿怎么办| 星空传媒天美传媒有限公司| 大鹏| 找寂寞妇女| 有夫之妇精油按摩的功效与作用| 共享女儿小诗1~10章的背景资.| 可切换老司机模式浏览器| 夜生活在线观看免费观看电视剧 | 国产在线观看免费全集电视剧网站| 《性爽2》电影| 女性穿裤子阴沟凸起是咋回事| 香蕉视频APP| 深田咏美在线| 年经继拇3| 韩漫网站| 床的另一边| 免费观看大片哔哩哔哩| 《出差的日子》叶爱| 老牛耕田陈雪435章| 日本CSGO大姐姐AWP| 美女被咬小头头视频大全| 陈宝莲作品