jquery的遍历

  在开发项目的时候被这个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()  =  [].      

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

           


  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值