跟着JQuery API学Jquery 之三 筛选
2020-02-28 04:06:17
供稿：网友
1.过滤
eq（index） 看这个函数和基础里的:eq貌似是一样的（其实就是一样的）
比如我们对<div>1</div><div>1</div>做选择，那我们可以用$(“div”).eq(1)或$(“div:eq(1)”)
来选中第二个div效果是一样的
hasClass(class) 用来判断当前元素是否含有一个类 这个和is(“.”+class)是一样的，我们来看一下is()这个函数用来干吗的 ，它是用一个表达式来检查当前选择的元素的集合，如果其中至少有一个元素符合给定表达式就返回true。is(expr)里面的参数就是选择器的参数。
filter(expr) 用来选出带有匹配表达式的元素的集合，这个和is有点类似，只不过is是返回的bool型，用于判断，filter用来缩小范围，filter中的参数可以是一个函数，函数的返回值为bool型，当返回的是真的时候就保留节点。其实就是对对象做一个循环，然后删除不要的。比如有<p class="aa">asdf</p><p>2343</p>我们选择class为aa的那个 把他的文本改成一段文字
$("p").filter(function() { return $(this).hasClass("aa") }).text("选择的东西")
not(txpr) 用来删除匹配的元素，这个又和前面有一个:not()一样
slice(start,[end]) 选择一个段 从start开始到end 结束 如果没有end则到结尾
$("p").slice(0, 1),我总觉得这个函数的第二个变量该成num 要好一点 ，从哪一个开始，选择前num个。
2 查找
add(expr) 把与表达式匹配的添加到原来的对象中，这个有点像多选择器比如$(“#id,.cs”)
也可以写成$(“#id”).add(“.cs”)效果一样
Children([expr])得到所有子元素的集合
Contents() 查找匹配元素内部所有的子节点。如果是iframe则查找文档的内容。这个可以很方便的用来变更iframe里面的内容，比如文本编辑器。。
find(expr) 搜索与指定表达式匹配的内容，这个也可以用选择器来实现 比如 $(“ul li”)可以写成 $(“ul”).find(“li”)
next(expr) 搜索同辈元素中紧跟在后面的元素，这个有是 a+b的选择器形式 比如我们要选择div后面跟p标签的$(“div+p”)当然也可以用$(“div”).next(“p”)
nextAll() 搜索后面所有的同辈元素 这个和 a~b是一样的$(“div~p”)和$(“div”).nextAll(“p”)是一样的
Prev([expr]) 取得紧邻的同辈元素的前一个这个和next()刚好相反
PrevAll([expr])取得前面所有的元素这个和nextAll() 刚好相反
Siblings([expr]) 这个函数应该就是nextAll()和prevAll()的和了
offsetParent() 返回第一个元素的父节点，为什么是第一个元素呢，这个用JavaScript来实现是Parent(),但是我们这个用的是jquery，操作的是jquery对象，在很多的教程上都在强调我们要分清JQuery对象和JS对象，其实Jquery对象就是一个array数组，就是要我们注意操作时要把数组的值取出来了在用想用第一个就在后面价格索引[0]来得到第一个对象。
