WWW.lllT.neT

jquery消除子原素的方式:1、运用children()方式获得父原素下的全部子原素目标,英语的语法为“父原素目标.children()”;2、运用remove()方式将获得到的子原素目标消除就可以,英语的语法为“子原素目标.remove()”。

本实例教程实际操作自然环境:windows7系统软件、jquery3.2.1版本号、Dell G3电脑上。

jquery怎样清除子原素

在jquery中,根据得到原素目标,应用children()方式得到它的子原素,应用remove()方式便可以完成删掉子原素。

实例如下所示:

1、新创建一个html文档,取名为test.html,用以解读jquery怎么删除子原素。应用div标识建立一个控制模块,在div内,应用p标签建立一行文本。

为了更好地显示实际效果,在test.html文档内,应用css设定div的款式,界定div的总宽为200px,高宽比为30px,行高为30px,背景色为鲜红色,与此同时,界定p标签的文本为乳白色。

用button标识建立一个按键,按键名字为“删掉div的子原素”。给button按键关联onclick点击事件,当按键被打开时,实行myfun()涵数。

01.png

2、在js标识中,建立myfun()涵数,在变量内,根据原素名字得到div目标,应用children()方式获是div的子原素,根据remove()方式将div下全部的子原素删掉。

02.png

在打开浏览器test.html文档,点一下按键,查询完成的实际效果。

03.png

点一下按键后:

04.png

汇总:

1、建立一个test.html文档。

2、在文档内,应用div标识建立一个控制模块,在div内,应用p标签建立一行文本。与此同时建立一个button按键,用以开启实行js函数。

3、在js标识内,建立涵数,在变量内,根据原素名字得到div目标,应用children()方式获是div的子原素,根据remove()方式将div下全部的子原素删掉。

常见问题:

children()方式获得的是原素目标下全部的子原素。

有关教程视频建议:jQuery教程视频

以上便是jquery怎样清除子原素的详尽具体内容,大量请关心自学java网其他相关文章!

WWW.lllT.neT

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:jquery怎样清除子原素发布于2021-12-07 20:36:02