jq删除子元素,jquery清空元素

　　本教程运行环境：windows7系统，jquery3.2.1版本3.2.1，Dell G3电脑。

　　jquery怎样清除子元素

　　在jquery中，通过获取element对象，使用children()方法获取其子元素，使用remove()方法删除子元素。

　　例子如下：

　　1.创建一个名为test.html的新html文件，解释jquery如何删除子元素。使用div标签创建一个模块，在div中，使用p标签创建一行文本。

　　为了展示效果，在test.html文件中，使用css设置div的样式，定义div的宽度为200px，高度为30px，行高为30px，背景颜色为红色，定义P标签的文本为白色。

　　用button标签创建一个按钮，按钮名为“删除div的子元素”。将按钮与onclick click事件绑定，当按钮被点击时，执行myfun()函数。

　　2.在js标记中，创建myfun()函数。在函数内，通过元素名获取div对象，使用children()方法获取div的子元素，通过remove()方法删除div下的所有子元素。

　　在浏览器中打开test.html文件，然后点按按钮以查看效果。

　　点击按钮后：

　　总结：

　　1.创建一个test.html文件。

　　2.在文件中，创建一个带有div标签的模块，在div中，创建一行带有p标签的文本。同时创建一个按钮button来触发js函数的执行。

　　3.在js标签中，创建一个函数。在函数中，通过元素名获取div对象，用children()方法获取div的子元素，用remove()方法删除div下的所有子元素。

　　注意事项：

　　children()方法获取element对象下的所有子元素。

　　相关视频教程推荐：jquery视频教程以上是jQuery如何清除子元素的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。