jquery的遍历

jquery的遍历

2018年03月21日 19:03:57 阅读数：454

  在开发项目的时候被这个jquery给难住了，总以为jquery的遍历是遍历数组，其实不以为然啊，看完文档有了一个大概的了解。

   jquery的遍历其实就是“移动”，怎么个移动呐？就是一层一层的找到你想要的元素，比如一个table表，你想处理到tr上，就要遍历，从父元素开始遍历到子元素。

   

在上面的这个层级中div是最大的，下面就是div的子元素，要是想操纵到子元素就要从div的dom开始选择遍历

有多种遍历的方法，基本就是找元素然后有特定的方法比如：

 

    查找父级元素：parent（）；

    查找比自己大的所有父元素： parents();

     查找中间元素：parentsUntil()；    以上就是同级查找父元素和中间元素

 

下面是遍历后代：

有两种写法  children（）和find（），

                  children（）：是找自己的子元素，比如div下一层级的元素

                  find（）：能找到div里面的层级 所有元素，可以☞定每个元素，find（“span”），find（“select”）                                                    find（“*”） 所有元素 find（"span"）.css(样式)

   

下面是遍历同胞：

                 siblings（）：被选中时找到自己的兄弟姐妹，写法有siblings（所有的兄弟姐妹）和siblings（“同级的兄弟姐妹”）  

                   next（）：被选中时找到自己的下级，写法有   nextAll（找到所有的下级）和next（“找到下一个元素”）和                                            nextuntil（"被选中的元素的范围内的元素"）

                     prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似，只不过方向相反而已：它们返回的是前面                          的 同胞元素（在 DOM 树中沿着同胞元素向后遍历，而不是向前）。  

 

遍历的过滤：

                 first（）：返回被选中的第一元素  ，写法 $("div p").first().css("样式") 

                 last（）：被选中的最后一个元素，写法 $("div p").last().css(”样式“)

                 eq（）：返回被选中元素中有索引的元素，索引号，是从0开始不是从1开始比如tr.eq(0).id = data.eq[i-1].id 或者 tr[0].id = data[i-1].id  这个例子就    是在一个table中的tr中有两个元素，我要选中第一个索引就是tr中的第一个元素，  

                filter（）：我感觉这个算是一个删除真正意义上的过滤，自淫，，，写法  $("div ").filter("span").hide()

                not（）：就是跟filter（）相反的用法，其实就是跟find（），方法差不多。

 

好了以上就是基本遍历的所有东西，好好看看吧，其实没啥，就是记住什么意思，多练练，很直白，就是有些快捷写法注意比如： eq（）  =  [].      

代码小白要去拿快递了，，，，，，