国产成人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电脑。

关注

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

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

5人轮换免费观看电视剧最新| 少女国产免费观看高清电视剧| 《黏糊糊的你》免费观看| 《温柔善良的儿媳妇》的背景故事| 豆传媒剧国产MV有什么特点| 九九在线观看免费播放大全电视剧| DJ快了又快又骚的POP歌曲| 大地资源中文一二三页的特点| TOKYO.HOT| 疼~好疼~进不去了男男| BOBO浏览器(海外版| 小蜜桃免费观看高清电视剧| 男男高H被狂C躁到高潮失禁文 | 《囚禁空姐》电影免费观看| 父女大作战1-32集免费| 老公让我把B扒开他日| 宋芸桦| 《女朋友的妹妹3》| 羞答答在线观看免费高清电视剧 | 妈妈你真棒里面的插曲叫什么| 白丝脚上的浓浓的精华液能用吗 | 成品PPT网站大片| 日本大片又大又好看的PPT| 《魅魔之耻》1~4集免费看| 老公每天晚上吃奶对身体有伤害吗 | 9.1国产NBA免费| 男女啪啪做爰高潮全过有多动症| 被两个男人吃奶三P| 粘液共生1-3集免费观看动漫| 男生困困进女生困困洞视频| 不戴套干新婚少妇小琳| 学校教室里可以插自己电脑吗| 《厨房激战5》完整版在线观看| 小视频| 乱亲H女乱秽XXXX| 美女被捆绑绳子穿过下体 勒胸| 续父开续女包小芳的小说破| 麻豆| 老赵揉着大雪的胸奶水视频播放| 四叔一次又一次索取怎么读 | 高三妈妈用性缓解孩子压力