jquery 过滤查找串联三种方法

一、过滤

名称	含义
$(“li”).eq(n)	参数n可以是正数，也可以是负数。如果是正数，返回的是同名元素中的索引为n 的元素，n从0开始；如果是负数，返回的是同名元素中倒数第几个元素
$(“li”).first()	返回的是同名元素中的第1 个元素
$(“li”).last()	返回的是同名元素中的最后一个元素
$(“li”).hasClass(“box”)	参数是类名，且必须写。作用是判断同名元素中是否存在含有这个类的元素，返回值是布尔值。有则返回 true，没有则返回 false
$(“li”).filter(".box")	返回符合条件的元素。参数可以是选择器、jquery对象或回调函数。如果回调函数没有返回值，相当于遍历，不过滤，如果有返回值，就根据返回值进行过滤
$("li").is($ (".box"))	作用是判断同名元素中有没有符合条件的元素，返回值是布尔值。参数可以是选择器、jquery对象或回调函数。如果回调函数没有返回值，相当于遍历，如果有返回值，就根据返回值进行判断。
$(“li”).map(function (index, ele) {}	作用是映射产生新的jquery类型的数组，返回值是映射的新数组。参数是回调函数，如果回调函数没有返回值，相当于遍历，如果有返回值，就根据返回值映射新的数组并返回。
$(“li”).has(".box")	返回的是同名元素中其子元素有选择器的元素，参数只能是选择器
$(“li”).not(".box")	返回的是同名元素中除了符合条件的其他元素，参数是选择器、jquery对象和回调函数。如果回调函数没有返回值，相当于遍历，如果回调函数有返回值，根据返回值过滤掉
$(“ul>li”).slice(0, 2)	返回的是从同名元素中截取的jquery类型的数组，参数是截取的索引。

// 1.函数的执行顺序是什么？？？？？？？？？？？？？
  console.log($("ul>li").filter(function (index, ele) {   //有返回值，
                    if ($(ele).hasClass("box")) {
                            console.log("找到了");
                            //return ".box";
                           return $(ele);
                    }

            }));
 console.log($("ul>li").filter(function (index, ele) {   //有返回值，
                     return ".box"; //  结果为什么是：init(4) [li, li.box, li#li3.box, li.c, prevObject: init(4), context: document]
            }));
            
// 2. get(0)获取同名元素中索引为0的元素，返回值是JS类型的元素，下面两行等价的
console.log($("li")[0]);/
console.log($("li").get(0));

二、查找

名称	含义
$(“ul”).children(“exp”)	如果没有参数，查找同名元素的所有直接子元素并返回该值，如果有参数，则查找同名元素的符合条件的所有直接子元素并返回该值
$(“ul”).find(".p1")	查找同名元素中符合条件的子元素是直接的还是所有的？？？？？？，并返回该值
$(“li”).next(“exp”)	如果没有参数，查找同名元素的下一个同胞兄弟元素，如果有参数，查找同名元素的符合条件的下一个同胞兄弟元素，并返回值
$(“li”).nextAll(“exp”)	如果没有参数，查找同名元素的后面的所有同胞兄弟元素，如果有参数，查找同名元素的后面的符合条件的同胞兄弟元素，并返回值
$(“li”).prev(“exp”)	如果没有参数，查找同名元素的上一个同胞兄弟元素，如果有参数，查找同名元素的符合条件的上一个同胞兄弟元素，并返回值
$(“li”).prevAll(“exp”)	如果没有参数，查找同名元素的前面的所有同胞兄弟元素，如果有参数，查找同名元素的前面的符合条件的同胞兄弟元素，并返回值
$(“li”).offsetParent()	没有参数，查找同名元素的最近的定位的父元素，，并返回值
$(“li”).parent(".exp")	如果没有参数，查找同名元素的直接父元素，如果有参数，查找同名元素的符合条件的直接父元素，并返回值
$(“li”).parents(".exp")	如果没有参数，查找同名元素的所有父元素即祖先元素，如果有参数，查找同名元素的符合条件的父元素即符合条件的祖先元素，并返回值
$(“li”).siblings()	如果没有参数，查找同名元素的所有同胞兄弟元素，如果有参数，查找同名元素的符合条件的同胞兄弟元素，并返回值

三、串联

名称	含义
$(“li”).add(“p”)	作用是给jquery对象添加符合条件的所有元素，返回值是添加后的新对象。注意的是：新的元素只在新的jquery对象理由，在页面上没有。
$(“ul>li”).addBack()	？？？？？？？？？？？？怎么用
$(“li”).contents()	没有参数，获取同名元素的所有的直接子节点，返回值是节点集合
$(“ul”).find(".box").end()	没有参数，作用是返回到上一步(上一次破坏性修改)，返回值是上一步的结果