在css中，选择器可以获取元素，为其添加css样式；但zepto框架与css选择器相比，它更加强大，因为zepto选择器为元素添加的是行为，行为的添加使得页面的交互更加丰富多彩。.../zepto.min.js"> //相邻元素选择器 $("#d1+p").css("background-color.../zepto.min.js"> //同辈元素选择器 $("#d1~p").css("background-color...在这里可以看出同辈元素选择器的选择顾名思义，其选择的元素是元素之后所有同辈的元素。 3.总结 zepto框架有四大常用选择器，基本选择器、层次选择器、属性选择器和基本过滤选择器。...如果读了这篇文章你感兴趣的话，可以继续了解zepto选择器和zepto框架哦。 END 编 辑 | 王楠岚 责 编 | 杨金月 where2go 团队
学习zepto.js(对象方法)[1] zepto也是使用的链式操作,链式操作:函数返回调用函数的对象....但并不是所有的对象方法都可以进行链式操作,举几个例子:.size(),.html()|.text()//不传参数的情况下; 若非特殊说明,下边介绍的方法都会返回zepto对象; add(): 支持一到二个参数...,第一个为选择器,与$()的规则相同,甚至是,第一个参数传进去一个function,它也会正确执行(后果自负- -),所以说,正确的使用方式是传入选择器,dom对象,或者一段html,这都是可以的,如果有多个...add函数本身无任何亮点- -,将两个参数原封不动的传入$()然后返回一个Zepto对象,执行concat函数,该函数会将所有参数添加至调用函数对象的末尾, toArray方法会调用get方法,当get...方法执行时而没有传入参数,会将该对象所有的匹配元素以数组的形式返回; uniq方法是一个数组去重的方法,返回的还是一个数组,然后回到add方法再次通过$()构造一个zepto对象并返回; addClass
学习zepto.js(对象方法)[2] 今天来说下zepto那一套dom操作方法, ['prepend', 'append', 'prependTo', 'appendTo',...这些方法的参数可以是一个dom节点,也可是是一个html片段,或者Zepto对象; prepend(): 将参数插入对象内部的头部; ? append(): 将参数插入对象内部的尾部; ?...上边那个数组是储存的几个操作的名称,下边的forEach循环是在zepto自执行函数中执行的,就是说,在构件zepto原型的是否就创建了这几个方法; forEach方法回调返回的参数,第一个是值,第二个是值的下标
学习zepto.js(原型方法)[1] 新的一周,新的开始,今天来学习一下zepto里边的原型方法,就是通过$.进行调用的方法,也是可以通过$.fn进行扩展的方法: $.camelCase...(本人发现zepto中的原型方法都是通过将匿名函数赋值给变量的方式来进行声明的,而直接使用function声明的函数在外部是获取不到的)解释的不详细，是因为原型方法都有一个原型的引用，而那些普通函数没有做这个引用...,所以说,使用$.extend来使$.fn继承某些方法,进行扩展插件. $.fn.alert = function () { alert(this.html());//this指向调用该方法的Zepto...,如果有多个,须结合$.extend使用*/ $.extend($.fn, { alert: function () { alert(this.html());//this指向调用该方法的Zepto...对象 }, confirm : function () { confirm(this.html());//this指向调用该方法的Zepto对象 } }); PS:为了配合链式操作,
学习zepto.js(对象方法)[4] 今天说说那一套获取元素集合的一些方法: ["children", "clone", "closest", "contents", "empty...>所有的li子节点 返回的是一个zepto对象,里边存储的是匹配的子节点的集合. ?...首先函数内部判断传入选择器类型,如果是个functin,妥妥的循环对象并执行它. 否则就判断选择器类型是否为字符串,如果是,则调用filter方法....如果不是一个字符串,就判断是否是一个类数组,并且对象的item是一个方法,(是的,变相的判断为一个zepto对象.) 其余的情况,直接通过参数构建一个zepto对象....以上操作均为给excludes变量赋值; 在最后,通过循环对象.将对象中不存在于excludes变量中的所有元素取出.并构件为一个zepto对象.
课程地址：https://www.imooc.com/learn/229 一、 常见移动端开发框架简介 二、Zepto框架介绍和入门 三、 Zepto框架核心API 1.Core 2.事件 自定义事件...手机模拟事件 touch.js的第三方插件库 3.zepto ajax 自带的四个模块 4.zepto插件 先了解设计模式 创建插件，扩展 四、移动端简单网页案例 1.移动端案例介绍 ajax请求，dom...节点渲染，事件绑定 2.项目目录结构 后端代码-node.js lib-逻辑方面，views存放一些模板 前端代码-zepto.js libs封装了一些公用方法 和业务相关的代码 发布，多个文件打包压缩...3.页面结构搭建 后端用express写 增加一个页面 从服务器取数据 添加一些内容 4.页面的js逻辑
学习zepto.js(对象方法)[5] clone: 该方法不接收任何参数,会返回对象中的所有元素集合,但不会对象绑定的事件. var $temp =$("div").clone.../zepto.js"> body *{ color: #000; } </style...方法首先取出当前dom对象作为基点并赋值给node.collection默认的为false.如果传入的selector参数为一个object,则认为选择器是一个zepto对象,或者是一个dom对象(集合...首先判断是否传入选择器，如果没有则直接返回一个空的zepto对象； 如果选择器为一个对象，则将对象转换为zepto对象，然后通过filter筛选出一些匹配的节点，并存入result集合； 如果调用find...方法的对象为一个单一的对象，则直接用过qsa方法（前几篇说过qsa方法），将选择器作为一个选择器，并将对象作为上下文传入； 否则循环zepto对象重复上边那一条； （find方法可能说的不太细。
学习zepto.js(对象方法)[3] 继续说zepto里attributes的相关操作. attr,removeAttr,prop这三个方法....string字符串 $("").attr("id"); //--> "special" 注意:只能返回对象中第一个节点的属性值 set: 返回值为一个zepto...>").attr("id","special"); //--> [] 第二个参数也可以传入一个function,有两个参数可以使用 1:index,zepto...那是zepto.js中文api中所说的.本人认为,在判断有关交互的属性时,应优先使用prop,比如checked和selected; ? ? 之所以为出现差异,是因为两者底层实现的区别. ?...一个来自prototype.js大表哥中的方法; 传入一个属性名,将调用者集合中所有的该属性的值作为一个数组返回; 其余的没什么了. 如果有什么疑惑的地方还请留言问我.大家共同学习
学习zepto.js(原型方法)[2] 接着昨天的来,继续说原型方法,昨天的传送阵(昨天出了点小意外,博文经过WP手机的UC浏览器进行编辑后标签就露出来了- -,现已修复);..."aaa", ["aaa", "bbb", "ccc", "ccc", "aaa"], 3) // -->4 inArray方法也是直接调用了Array的idnexOf方法,这些都是ES5的新方法,在zepto...函数通过一个三元运算符来判断是否为空,然后调用对象的toString方法,返回一个类似[object Array]这种格式的字符串, 再放入一个Mapping中,就是class2type(class to type),在zepto...isPlainObject({}); // ..> true $.isPlainObject(new Object()); // --> true $.isPlainObject(1); // --> false zepto...今天先说到了这里,zepto里边的原型方法出了ajax模块的就都已经说完了- -,读源码真的是最快的学习方式.
学习zepto.js(Hello World) Zepto是一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类似的api。...昨天听说了zepto.js,正好最近也比较闲,所以就学习一下这个著名DOM操作库,由于本人刚接触这个,但又不想单纯的说如何使用,所以本人会按照API顺序来说明方法如何使用并试着将对于源码的理解写上来;...$(): 与jQuery的$()几乎一样,但zepto的选择器是直接使用的原生querySelectorAll(),所以,一些jQuery自定义的选择器是不支持的,但可以添加selector.js...$函数返回了上图中的zepto.init()函数的执行结果,接收了两个参数,第一个是选择器(selector),第二个是上下文(context), 如果调用时selector为空,则直接返回一个Zepto...方法接收两个参数，上下文，选择器； $()方法中如果不传入上下文的话，默认是这样调用的 zepto.qsa(document,selector) 默认将document作为上下文传入； 作为一个看美剧十句话能听懂三句的人
学习zepto.js(对象方法)[6] first: 获取当前对象集合中的第一个dom元素。...$("div").last();// 返回最后一个div对象（zepto对象） //相当于 $("div").eq(-1); 两方法不接收任何参数。 ?...（dom对象,不是zepto对象） $("div").get(); //所有div对象组成的一个数组 该方法与eq方法的区别在于，eq返回的是zepto对象，而get返回的是dom对象，$()...可以传入一个选择器，只留下符合选择器的父节点。...参数可以是一个选择器字符串，如传入参数则根据选择器过滤。
选择日期和时间： 日期控件,My97 DatePicker 4.5 正式版 这个控件很好很强大，所以我就借用了一下。在表单控件或者查询控件里面可以使用my97来选择日期、时间了。...工作日志的几个截图： 【添加记录01】选择日期和时间，这个借用了my97的日期控件。这里以“分”为单位，因为有些功能实现起来只需要几分钟、几十分钟。
js/jquery.easyui.min.js"> 开始日期： 插入input元素，默认input日期格式是2/6/2014，...必须加入以下js处理后的日期格式才是通用2014-02-14这种格式。...isNaN(d)) { return new Date(y, m - 1, d); } else { return new Date(); } } js获取和设置EasyUI日期格式框的日期如下
MySQL提供的常用日期类型有DATE,TIME,DATETIME,TIMESTAMP， 根据实际需要选择能够满足应用的最小存储的日期类型，如果应用只需要记录“年份”，那么用1个字节来存储的YEAR...因为TIMESTAMP表示的日期范围比DATETIME要短得多。 如果记录的日期需要让不同时区的用户使用，那么最好使用TIMESTAMP，因为日期类型中只有它能够和实际时区相对应。
script type="text/javascript" src="js/jquery.min.js"> 开始日期： 插入input元素，默认input日期格式是2/6/2014，必须加入以下js处理后的日期格式才是通用2014-02-14这种格式。...isNaN(d)) { return new Date(y, m - 1, d); } else { return new Date(); } } js获取和设置EasyUI日期格式框的日期如下
window.onload = function() { //这么写是为了实现js代码与html...代码的分离，当我修改js时，不能影响html代码。 ...verifyDate (d1)) {alert("第一个日期格式不对");return false;} if(!...verifyDate (d2)) {alert("第二个日期格式不对");return false;} if(!...compareDate(d1,d2)) {alert("第二个日期比第一日期小");return false;} };
需求: 在使用日期控件选择日期的时候,只能选择当前日期之前或当前日期之后的日期,如下图 当前日期之后的日期无法被选择 实现: 只需要添加如下事件即可(红色部分): <input...” οnfοcus=”WdatePicker({maxDate:’%yyyy-%MM-%dd’})” data-options=”required:true,missingMessage:’注册日期不能为空...'” /> 如果想要只能选择当前日期之后的日期,将maxDate改成minDate即可,如下: οnfοcus=”WdatePicker({minDate:’%yyyy-%MM-%dd’
1.Zepto框架的优势 Zepto简单来说是一个轻量级的JS库。它的优势在于能减少下载和与运行时间，兼容大多数移动浏览器和主流桌面现代浏览器。...而传统的js框架，为了兼容低级、高级浏览器，代码量较大、运行时间长。移动端浏览器功能差异较小，兼容问题不突出。传统js框架代码大，在移动端会造成终端流量加大、显示迟缓的情况。...Zepto的部分方法和事件如下： ? 图2.1 zepto方法和事件 3.制作过程 需要制作的是如下图3.1效果的宝箱开启图： ? （1）首先当然是引入zepto.min.js文件。...（可以通过访问github地址： https://github.com/madrobby/zepto下载到所需要的文件） （2）利用h5实现百宝箱的的基础布局，再添加css样式进行调整。
=0))&&(intDay>28))return false; } return true; } js验证是否是合法日期： function check(date){
背景 在添加一些活动上下线时间时,需要对日期选择进行限制 要求: 开始时间之前的时间不能选(禁用),结束时间不能早于当前时间 实现代码 你可以把下面的代码内容放到一个xxx.vue文件中 <template...-当前时间日期选择器 startPickerOptions: { disabledDate(time) {...-当前时间日期选择器 endPickerOptions: { disabledDate(time) {...dateStr = `${year}-${month}-${day}`; return dateStr; }, // 日期选择器...end_time; }, } } 总结 这里主要操作是,限制日期时间的选择
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
