zepto.js學習API疑難一二

一、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>

二、attr和prop區別

讀取或設置dom的屬性。若是沒有給定value參數，則讀取對象集合中第一個元素的屬性值。當給定了value參數。則設置對象集合中全部元素的該屬性的值。當value參數爲null，那麼這個屬性將被移除(相似removeAttr)，多個屬性能夠經過對象鍵值對的方式進行設置。    

要讀取DOM的屬性如 checked和selected, 使用 prop。

三、

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

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

四、filter() 方法將匹配元素集合縮減爲匹配指定選擇器的元素。

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

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