zepto.js学习API疑难一二

1、after和append区别。

   after会在每个匹配的元素后面添加内容，而append会在匹配的元素的最后一个元素后面添加内容；如下

<ul>  

        <li>list item 1</li>  

        <li>list item 2</li>  

        <li>list item 3</li>

</ul>

============================================

$('ul').after('<li>list item 4</li>')   //外部插入

效果：

<ul>  

        <li>list item 1</li>  

        <li>list item 2</li>  

        <li>list item 3</li>

</ul>

<li>list item 4</li>

===========================================

$('ul').append('<li>list item 4</li>')   //内部插入

效果：

<ul>  

        <li>list item 1</li>  

        <li>list item 2</li>  

        <li>list item 3</li>

            <li>list item 4</li>

 

</ul>

2、attr和prop区别

读取或设置dom的属性。如果没有给定value参数，则读取对象集合中第一个元素的属性值。当给定了value参数。则设置对象集合中所有元素的该属性的值。当value参数为null，那么这个属性将被移除(类似removeAttr)，多个属性可以通过对象键值对的方式进行设置。    

要读取DOM的属性如 checked和selected, 使用 prop。

3、

$('li').eq(0)   //=> only the first list item

$('li').eq(-1)  //=> only the last list item

4、filter() 方法将匹配元素集合缩减为匹配指定选择器的元素。

    $('li').filter(':even').css('background-color', 'red');

4.sibling返回的是元素后面的同胞元素，而prev返回的则是元素前面的同胞元素