zepto.js学习API疑难一二
zepto.js学习API疑难一二
leona_lily 发表于3年前
zepto.js学习API疑难一二
  • 发表于 3年前
  • 阅读 49
  • 收藏 1
  • 点赞 0
  • 评论 0
摘要: 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返回的则是元素前面的同胞元素
共有 人打赏支持
粉丝 9
博文 91
码字总数 37807
×
leona_lily
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: