jQuery-替换和删除元素

1、replaceWith方法
用提供的内容替换集合中所有匹配的元素并且返回被替换元素的集合
参数类型说明:
  1)普通字符串(可包含各种html标签)
  2)jQuery对象
    ①使用$函数创建的新元素(jQuery对象)
    ②使用$函数获取页面中已经有的元素(jQuery对象)
    此时会将已有的元素移动到新位置
    ③使用clone方法克隆页面中已经有的元素(jQuery对象)
  3)html元素对象、html元素对象数组
  4)函数
    有多少个匹配元素,这个函数就会执行多少次!
    函数可以接受到两个参数:第一个是当前元素的序号、第二个是当前元素内的html
    函数内部this代表当前的html元素对象
    return 的数据就是替换成的内容(可以为html元素,也可以是jQuery对象)
2、replaceAll方法
  用集合的匹配元素替换每个目标元素(同replaceWith)
  与replaceWitch区别:
    目标和源相反
    创建新元素返回的jQuery对象与
    选择页面中已有元素返回的jQuery对象都可调用此方法(选择页面中已有元素表示将已有的元素移动至目标元素处)!
    参数(表示要插入元素的目标位置):
    Selector或者jQuery对象或者html元素对象/html元素对象数组

3、detach()方法
  从页面中去除所匹配的元素,返回调用该元素jQuery对象
  参数说明:
  (可选)一个选择器将需要移除的元素从匹配的元素中过滤出来
4、empty()方法
  从页面中移除匹配元素的所有后代元素(包括文本)
5、remove()方法
  将匹配元素集合从页面中删除,返回调用该元素jQuery对象(同时移除元素上的事件处理函数及关联数据)
  如果删除的元素,不需要删除关联数据和事件,请使用detach()
  参数说明:
  (可选)一个选择器用来过滤将被移除的匹配元素集合
6、unwrap()方法
  将匹配元素集合的父级元素删除,保留自身(和兄弟元素,如果存在)在原来的位置

时间: 2024-10-25 09:19:31

jQuery-替换和删除元素的相关文章

jQuery添加和删除元素class属性实例代码

jQuery添加和删除元素class属性实例代码:元素的的class属性一般是用来设置样式之用,所以添加或者删除都意味着改变元素的样式,下面就介绍一下如何使用jQuery来删除和添加元素的class属性值,希望能够给大家带来一定的帮助.代码实例如下: function switchTeachControl() { var target=$("#thediv"); if(target.hasClass("controlOff")) { target.removeCla

Jquery 动态添加删除元素 用js添加的元素无法删除问题

用jquery方法的绑定侦听和销毁来解决动态div的增加删除: 正确代码: <script type="text/javascript" > $(document).ready(function(){  bindListener(); }) function addimg(){  $("#mdiv").append('<div ><input type="file" name="img[]" /&

第二十四篇 jQuery 学习6 删除元素

jQuery 学习6 删除元素 上节课我们做了添加元素,模拟的是楼主发的文章,路人评论,那么同学们这节课学了删除之后,去之前的代码上添加一个删除,模拟一个楼主删除路人的评论. jQuery的删除方法: remove() - 删除被选元素(及其子元素) empty() - 从被选元素中删除子元素 以上引用w3c教程 为了同学们更好的扩展,老师就不在上节课的基础上模拟删除,而是写出删除的功能代码和注意事项,同学们就自己多尝试,来瞧瞧代码先: <!DOCTYPE html> <html>

每天一个JavaScript实例-使用循环和分割来替换和删除元素

<!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>使用循环和分割来替换和删除元素</title> <script> var arr = new Array("ab","aa","bc

使用jQuery增加或删除元素(内容)

使用jQuery增加或删除元素(内容):一.jQuery添加元素或内容:1,append() 方法:在被选元素的结尾插入元素或内容 2,prepend() 方法:被选元素的开头插入元素或内容. 3,after() 方法:在被选元素之后插入内容. 4,before() 方法:在被选元素之前插入内容.注意:append/prepend 是在选择元素内部嵌入:after/before 是在元素外面追加. 二.jQuery删除元素或内容:1,remove()方法:删除被选元素及其所有子元素. remov

JQUERY添加、删除元素

一.jQuery - 添加元素 1.append() - 在被选元素内部的结尾插入指定内容 2.prepend() - 在被选元素内部的开头插入指定内容 3.after() - 在被选元素之后插入内容 4.before() - 在被选元素之前插入内容 添加单个元素 <script type="text/javascript" src="jquery-1.11.2.min.js"></script> <body> <p>

jQuery 添加元素和删除元素

jQuery - 添加元素 append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容 <script> $(function(){ $("#btn").click(function(){ $("img").before("<b>11111111</b>"); }) $("#

JQuery动态增加删除元素

<form action="" method="post" enctype="multipart/form-data"> <label>请选择上传的图片</label> <a href="javascript:addimg()">增加图片</a> <div class="mdiv" id="mdiv"> <di

jQuery插入,复制、替换和删除节点

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jQuer

jQuery:插入,复制,替换和删除节点

<html> <head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">    <title>jQuery插入,复制.替换和删除节点</title> <script type="text/javascript" src="jquery-1.3.2.js"><