2021-10-22

jquery 元素操作操作

1、replaceWith方法

用提供的内容替换集合中所有匹配的元素并且返回被替换元素的集合

参数类型说明:

1)普通字符串(可包含各种html标签)

2)jQuery对象

①使用函数创建的新元素(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()方法

将匹配元素集合的父级元素删除,保留自身(和兄弟元素,如果存在)在原来的位置

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • //定义一个新数组,把老数组中的元素反向添加到新数组中 function reverse1(array){ ...
    仙姑阅读 1,094评论 0 0
  • WebAPI 一、DOM 1. 获取元素 ①根据标签名:document.getElementsByTagName...
    54_30bd阅读 1,459评论 0 0
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 8,889评论 0 44
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,169评论 0 3
  • 第一章 jQuery简介 1-1 jQuery简介 1.简介 2.优势 3.特性与工具方法 1-2 环境搭建 进入...
    mo默22阅读 5,631评论 0 11

友情链接更多精彩内容