下面的示例可以使用以下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));获取第二个元素节点,清空这个元素的内容,注意元素。



手术后的结果如下:



当代码运行时,第二个元素的内容将被清空,只留下默认符号。

以上是本文所描述的全部内容,希望您能喜欢。