文档章节

zepto.js学习API疑难一二

leona_lily
 leona_lily
发布于 2015/04/10 16:35
字数 346
阅读 56
收藏 1

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返回的则是元素前面的同胞元素

© 著作权归作者所有

共有 人打赏支持
leona_lily
粉丝 9
博文 99
码字总数 43341
作品 0
朝阳
程序员
私信 提问
Zepto.js 简介(第一章)

Zepto.js 简介(第一章) 在做C端-H5的时候,很多时候会用到Zepto.js,所以在这里,我就把它整理一下。 什么是Zepto zepto是轻量级的JavaScript库,专门为移动端定制的框架 与jquery有着类似...

张靖bibibi
2018/06/19
0
0
2017-02-18日报

流水: 8:30~9:30 听HR讲解公司相关情况. 9:30~11:30,12:30~4:00 学习公司内部的研发规范与实际遇到的实际上线项目中遇到的问题. 4:00~5:00 听部门经理讲解技术部的未来的研发规划. 总结: 1.记...

test2013
2017/02/18
0
0
职业生涯规划

毕业快四年了,工作过几家公司,都是企业型的开发,技术能学到点,没去过互联网公司工作,一直都有看书学习,JAVA自我感觉还不错,目前快到新公司上班了,还是做普通的开发,不知道以后的职业...

xman
2012/03/06
737
8
如何定制jsduck中API Documentation页签下的预览界面?

@大漠穷秋 你好,想跟你请教个问题: 最近在看你总设计负责的Ext中文版API文档,有个问题向您请教:API Documentation页签下的预览界面,标注团队成员信息的部分是如何定制的呢?还恳请您指点...

Su8marine
2017/05/11
60
0
求大神指点,零基础入门学习HTML5用什么软件呢,学习资料有么

零基础入门学习HTML5用什么软件呢,还有学习资料!平时应该多关注哪些论坛社区网站呢?有没有大神愿意指点一二的!感激不尽

ZJ小白
2017/02/24
277
3

没有更多内容

加载失败,请刷新页面

加载更多

Cookie 显示用户上次访问的时间

import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.Cookie;import javax.servlet.http.HttpServlet;import javax.serv......

gwl_
今天
1
0
网络编程

第14天 网络编程 今日内容介绍  网络通信协议  UDP通信  TCP通信 今日学习目标  能够辨别UDP和TCP协议特点  能够说出UDP协议下两个常用类名称  能够说出TCP协议下两个常用类名称...

stars永恒
今天
1
0
二进制相关

二进制 众所周知计算机使用的是二进制,数字的二进制是如何表示的呢? 实际就是逢二进一。比如 2 用二进制就是 10。那么根据此可以推算出 5的二进制等于 10*10+1 即为 101。 在计算机中,负数以...

NotFound403
昨天
3
0
day22:

1、写一个getinterface.sh 脚本可以接受选项[i,I],完成下面任务: 1)使用格式:getinterface.sh [-i interface | -I ip] 2)当用户使用-i选项时,显示指定网卡的IP地址;当用户使用-I选项...

芬野de博客
昨天
2
0
Spring Cloud Alibaba基础教程:使用Nacos实现服务注册与发现

自Spring Cloud Alibaba发布第一个Release以来,就备受国内开发者的高度关注。虽然Spring Cloud Alibaba还没能纳入Spring Cloud的主版本管理中,但是凭借阿里中间件团队的背景,还是得到不少...

程序猿DD
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部