jQuery(03筛选&文档处理）

由于上次文章的知识点没有分享完全，所以这次的文章分享，博主会将其补上，请多多谅解，嘿嘿...

这次的补充主要是上次CSS的位置

也就是下面这个啦！

首先我们得知道大容器和父容器的含义以及用法

这里我们先在HBuilder 里面写一个样式

body里面记得写div

补充知识点：位置

        

            

        

然后进行举例赋值

                // var a =$("#aa").offset();//大容器
                // console.info(a.top,a.left);
                // var b =$("#aa").position();//父容器
                // console.info(b.top,b.left);
                
                // var a =$("#bb").offset();//大容器
                // console.info(a.top,a.left);
                // var b =$("#bb").position();//父容器
                // console.info(b.top,b.left);

上面写了两遍是因为父容器和大容器的关系，相对应的值也不同

当然这个了解即可，重点是下面的 获取顶部距离=返回顶部

好啦，以上的就是上次落下的知识点啦。。。。。

现在我们看到今天的知识点：

一、jQuery的筛选

1.1 过滤

first()：获取匹配的第一个元素
last()：获得匹配的最后一个元素
eq(N)：获取匹配的第N或-N个元素
filter(selector)：筛选出与指定表达式匹配的元素集合
has(selector)：筛选出包含特定特点的元素的集合
not(selector)：筛选出不包含特定特点的元素的集合

举例如下图：（这里所举的例子都是引用了外部js，并且另起新的js）

 1.2 查找

 children()：子标签中找
 find()：后代标签中找
 parent()：父标签
 prevAll()：前面所有的兄弟标签
 nextAll()：后面所有的兄弟标签
 siblings()：前后所有的兄弟标签

同样下面进行了举例：

 二、文档处理

这里博主的文档处理是：增、删、改、查 四大纲

查找 在上面已经写了，下面博主就为大家分享增、删、改的知识点

2.1 增

增加又分为 内部插入和 外部插入

2.1.1  内部插入

append()：将内容添加到指定的元素后面
appendTo()：和append()颠倒
prepend()：将内容添加到指定元素前面
prependTo():和prepend()颠倒

2.1.2  外部插入
after()：在匹配元素之后插入内容
before()：在匹配元素之前插入内容

下面就是给的案例：

 2.2-2.3 删-改

empty()：删除匹配的元素集合中所有的子节点（不包含匹配的元素）
remove()：删除匹配的元素集合中所有的子节点（包含匹配的元素）
    案例4：演示文档处理-删除
    清空ul中所有li的内容，使用empty()
    移除ul中所有的li，使用remove()

 replaceWith()：将所有匹配的元素替换成指定的内容
    案例5：演示文档处理-修改

    把li下面所有的span标签替换为标签

代码如下：

还有些body的代码是跟上面关联的:

 最后就是今天的知识总结啦：（看不清的可以下载图片放大看哦！）

 今天的知识分享就到这里啦！喜欢博主的可以点个关注点个赞哦！byebye！