数码资讯
删除节点操作指南
下面的示例可以使用以下HTML代码: 复制代码代码如下所示: 苹果 香蕉 一个橘子 葡萄 草莓 1,删除()方法: 效果:从DOM中删除所有匹配的元素,传入的参数用于根据jQuery表达式过滤元素。 例如,在上图中的节点中删除第二个元素节点,jQuery代码如下所示: 复制代码代码如下所示: $(文
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
下面的示例可以使用以下HTML代码:
复制代码代码如下所示:
苹果
香蕉
一个橘子
葡萄
草莓
1,删除()方法:
效果:从DOM中删除所有匹配的元素,传入的参数用于根据jQuery表达式过滤元素。
例如,在上图中的节点中删除第二个元素节点,jQuery代码如下所示:
复制代码代码如下所示:
$(文档)Ready(函数(){)
$():EQ(1));
});
当一个节点被删除的删除()方法,该节点包含将同时删除所有的子节点。该方法的返回值是一个引用被删除的节点,所以你可以使用这些元素后,下面的jQuery代码显示在元素被删除与清除()的方法,它可以继续使用。
复制代码代码如下所示:
var $ = $():(1);
li.appendto美元(UL); / /删除的节点,重新添加到元素。
appendto的特点()方法可以直接用于简化上面的代码:
复制代码代码如下所示:
$(ul:情商(1))。appendto(UL); / / appendto()方法也可以用来移动元素。在移动元素时,首先从文档中删除元素,然后将元素插入文档中的指定节点。
此外,删除()方法还可以通过传递参数选择性地删除元素:
复制代码代码如下所示:
$(ul)。删除(李{标题= 't1});
2,分离()方法:
分离(),如删除(),也从DOM中删除所有匹配的元素。但是,需要注意的是,该方法不删除jQuery对象中匹配的元素,因此这些匹配的元素将来可以使用。
通过下面的示例,您可以看到它与删除()方法之间的区别:
复制代码代码如下所示:
Click(函数(){)
警报($(this))Html());
})
var $ =$():(1)()
li.appendto美元(UL); / /重新添加此元素,发现它之前的事件,如果你使用删除()删除元素的方法,那么它会在事件失败;
3,空()方法
严格说来,空()方法不删除节点,而是清除节点,该节点清除元素中的所有后代。
复制代码代码如下所示:
$():EQ(空)(1));获取第二个元素节点,清空这个元素的内容,注意元素。
手术后的结果如下:
当代码运行时,第二个元素的内容将被清空,只留下默认符号。
以上是本文所描述的全部内容,希望您能喜欢。
复制代码代码如下所示:
苹果
香蕉
一个橘子
葡萄
草莓
1,删除()方法:
效果:从DOM中删除所有匹配的元素,传入的参数用于根据jQuery表达式过滤元素。
例如,在上图中的节点中删除第二个元素节点,jQuery代码如下所示:
复制代码代码如下所示:
$(文档)Ready(函数(){)
$():EQ(1));
});
当一个节点被删除的删除()方法,该节点包含将同时删除所有的子节点。该方法的返回值是一个引用被删除的节点,所以你可以使用这些元素后,下面的jQuery代码显示在元素被删除与清除()的方法,它可以继续使用。
复制代码代码如下所示:
var $ = $():(1);
li.appendto美元(UL); / /删除的节点,重新添加到元素。
appendto的特点()方法可以直接用于简化上面的代码:
复制代码代码如下所示:
$(ul:情商(1))。appendto(UL); / / appendto()方法也可以用来移动元素。在移动元素时,首先从文档中删除元素,然后将元素插入文档中的指定节点。
此外,删除()方法还可以通过传递参数选择性地删除元素:
复制代码代码如下所示:
$(ul)。删除(李{标题= 't1});
2,分离()方法:
分离(),如删除(),也从DOM中删除所有匹配的元素。但是,需要注意的是,该方法不删除jQuery对象中匹配的元素,因此这些匹配的元素将来可以使用。
通过下面的示例,您可以看到它与删除()方法之间的区别:
复制代码代码如下所示:
Click(函数(){)
警报($(this))Html());
})
var $ =$():(1)()
li.appendto美元(UL); / /重新添加此元素,发现它之前的事件,如果你使用删除()删除元素的方法,那么它会在事件失败;
3,空()方法
严格说来,空()方法不删除节点,而是清除节点,该节点清除元素中的所有后代。
复制代码代码如下所示:
$():EQ(空)(1));获取第二个元素节点,清空这个元素的内容,注意元素。
手术后的结果如下:
当代码运行时,第二个元素的内容将被清空,只留下默认符号。
以上是本文所描述的全部内容,希望您能喜欢。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。