实现一个类似jquery选择器的小轮子(一)

   最近在做移动端的项目,主管说不用jq,尽量用轻量级的类库。但是自己对jq的选择器又比较依靠,因此尝试着在两晚的时间里自己做一个选择器出来,功能当然也是尽量像jq靠拢。

先大致的整理下自己的思路;

  每一次遍历dom元素,每一次遍历到的元素便是下一次遍历到的元素的父级。

<div class="firstPapas"><!--第一个父级-->
    <li class="secondsPapa"><!--第二个父级-->
            <a href=""></a>
       </li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
</div>
<div class="firstPapas">
    <li class="secondsPapa"><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
</div>                

类似jq的方法是

//从每一个1stPapas遍历到每一个2ndPapas,在往下遍历到a
$('.firstPapas .secondPapas a');

 至此整理出自己的思路上一次的子级是下一次的父级.

 

posted @ 2015-09-07 21:00  vidyWu  阅读(192)  评论(0编辑  收藏  举报