jQuery删除元素remove
在DOM操作页面时,删除元素的方法jquery提供了两种,即remove()和empty(),严格意义上说,empty()方法并非真正意义上得删除,使用该方法。仅仅可以清空全部的节点或节点所包括的所有后代元素,并非删除节点和元素。
remove()方法的语法格式为:
remove([expr])其中参数expr为可选项,如果接受参数。则该参数为筛选元素的jquery表达式,通过该表达式获取指定的元素,并进行删除。
empty()方法的语法格式为:
empty() 清空所选择的页面元素或所有的后代元素。
示例:
- <script type="text/javascript">
- $(function() {
- $("ul li:first").css("font-weight", "bold");//设置首行
- $("#Button1").click(function() {
- $("ul li").remove("li[ttitle=t]");//删除指定属性的元素
- $("ul li:eq(1)").remove();//删除节点中第2个元素
- })
- })
- </script>
- </head>
- <body>
- <ul>
- <li>学号</li>
- <li title="t">1001</li>
- <li>1002</li>
- <li>1003</li>
- <li style="text-align:center;padding-top:5px">
- <input id="Button1" type="button" value="删除" class="btn" />
- </li>
- </ul>
- </body>
相关推荐
IT之家 2020-03-11
graseed 2020-10-28
zbkyumlei 2020-10-12
SXIAOYI 2020-09-16
jinhao 2020-09-07
impress 2020-08-26
liuqipao 2020-07-07
淡风wisdon大大 2020-06-06
yoohsummer 2020-06-01
chenjia00 2020-05-29
baike 2020-05-19
扭来不叫牛奶 2020-05-08
hxmilyy 2020-05-11
黎豆子 2020-05-07
xiongweiwei00 2020-04-29
Cypress 2020-04-25
冰蝶 2020-04-20