前端05(2021/05/26)

简介

本文是2021/05/26整理的笔记
赘述可能有点多，还请各位朋友耐心阅读
本人的内容和答案不一定是最好最正确的，欢迎各位朋友评论区指正改进

JQuery核心函数

传入参数为函数时

表示页面加载完成之后。相当于window.οnlοad=function(){}

传入参数为html字符串时

会为我们创建这个html标签对象

传入参数为选择器字符串时

传入参数为dom对象时

表单类型过滤器

1.:input input textarea select button
2:text 单行文本框
3.:password 密码框
4:radio 单选框
5:checkbox 复选框
6.:submit 提交按钮
7.:image 图像域

表单状态过滤器

1.:enabled 可用的
2:disabled 禁用的
3.:checked 被选中的
4.:selected 下拉框被选择的

内部插入

1.parent.append(obj);
2.obj.appendTo(parent);
3.parent.prepend(obj);
4.obj.prependTo(parent);

外部插入

1.brother.after(obj);
2.obj.insertAfter(brother);
3.brother.before(obj);
4.obj.insertBefore(brother);

Jquery 操作 dom 元素

1.obj.detach(‘selector’):从 jQuery 对象（obj）中删除所有匹配选择器(selector)的元素。
示例：$(“p”).detach(".hello");
2.obj.remove()
删除 obj （jQuery 对象）以及该对象全部子节点、节点绑定的事件、数据
3.obj.empty()：
递归删除 obj （jQuery 对象）的全部子节点。不删除自己. 示例： $("#outerDiv").empty();
4.obj.unwrap()
删除 obj （jQuery 对象）的父元素，保留自身以及兄弟节点。
示例： $("#topDiv").unwrap();
这个方法将移出元素的父元素。这能快速取消 .wrap()方法的效果。匹配的元素（以及他们的同辈元素）会在 DOM 结构上替换他们的父元素。

包裹

1.wrap(html|element|fn)
把所有匹配的每个元素用其他元素的结构化标记包裹起来。
2.wrapAll
将所有匹配的元素用单个元素包裹起来
3.wrapInner(htm|element|fnl)
将每一个匹配的元素的子内容(包括文本节点)用一个 HTML 结构包裹起来

dom 元素的克隆

clone([Even[,deepEven]])
创建一个指定的元素集合完全相同的副本。完全相同泛指数据相同，副本指内存地址不同

替换

obj.replaceAll(‘selector’/dom):使用 obj 替换 dom 对象或 selector 筛选的 dom 对象。
（jQuery 的参数建议使用 dom 对象传递）。替换后 obj 被 clone，分别替换目标元素。
obj.replaceWith(‘selector’/dom):与 replaceAll 调用方式相反。