jquery怎么删除html标签

在jquery中 , 可以给指定的html标签设置id属性 , 通过获得html对象 , 使用remove()方法便可以删除html标签 。 下面小编举例讲解jquery怎么删除html标签 。

jquery怎么删除html标签

文章插图


需要这些哦
html+jquery
代码编纂器:Z Studio 8.0.0
方式/
1新建一个html文件 , 定名为test.html , 用于讲解jquery怎么删除html标签 。
jquery怎么删除html标签

文章插图

2在test.html文件内 , 利用p标签建立两行内容 , 下面将利用jquery方式删除此中一个html标签 。
jquery怎么删除html标签

文章插图

3在test.html文件内 , 设置此中一个p标签的id为mytest , 本家儿要用于下面经由过程该id获得p标签对象 。
jquery怎么删除html标签

文章插图

4在test.html文件内 , 利用button标签建立一个按钮 , 按钮名称为“删除html标签” 。
jquery怎么删除html标签

文章插图

5【jquery怎么删除html标签】在test.html文件内 , 给button按钮绑定onclick点击事务 , 当按钮被点击时 , 执行delhtml函数 。
jquery怎么删除html标签

文章插图

6在js标签中 , 建立delhtml()函数 , 在函数内 , 经由过程id(mytest)获得p标签对象 , 利用remove()方式便可以实现html标签的删除 。
jquery怎么删除html标签

文章插图

7在浏览器打开test.html文件 , 点击按钮 , 查看实现的结果 。
jquery怎么删除html标签

文章插图
jquery怎么删除html标签

文章插图

总结:11、建立一个test.html文件 。
2、在文件内 , 利用p标签建立两行内容 , 设置此中一个p标签的id为mytest , 同时建立一个button按钮 , 用于触发执行js函数 。
3、在js标签内 , 建立函数 , 在函数内 , 经由过程id(mytest)获得p标签对象 , 利用remove()方式便可以实现html标签的删除 。

注重事项remove()方式用于删除被选html对象的删除 。

以上内容就是jquery怎么删除html标签的内容啦 , 希望对你有所帮助哦!

    推荐阅读