随笔分类 -  jQuery

摘要:zepto API参考 ================== 简介 Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。 设计目的 zepto设计目的是为移动端提供类似jquery的迷你框架,压缩后 阅读全文
posted @ 2016-04-10 23:25 stephenykk 阅读(2802) 评论(0) 推荐(0)
摘要:options = { type: 'GET / POST / PUT /DELETE'; //请求的方式 默认为GET, 如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。 url: 'handler.php', //请求的地址 默认为当前页 async: true, //是否异步请求 阅读全文
posted @ 2014-07-15 11:45 stephenykk 阅读(388) 评论(0) 推荐(0)
摘要:标准页面结构 <!DOCTYPE html> <html> <head> <title>Page Title</title> <link rel="stylesheet" href="jquery.mobile-1.0a3.min.css" /> <script type="text/javascr 阅读全文
posted @ 2014-07-03 09:25 stephenykk 阅读(901) 评论(0) 推荐(0)
摘要:【PHP文件上传】 在开始之前,我觉得是有必要把通WEB上传文件的原理简单说一下的。实际上,在这里不管是PHP,JSP,还是ASP处理上传的文件,其实都是WEB早已把文件上传到服务器了,我们只是运用上传处理函数来处理上传的文件。而处理函数一般都是用PHP,JSP,ASP等服务端语言来实现的。那么如何 阅读全文
posted @ 2014-04-15 20:23 stephenykk 阅读(465) 评论(0) 推荐(0)
摘要:Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。 设计的目的是提供jquery的类似的APIs,但并不是100%覆盖jquery为目的。zepto设计的目的是有一个5-10k的通用库、下载并执行 阅读全文
posted @ 2014-03-25 21:32 stephenykk 阅读(10249) 评论(0) 推荐(0)
摘要:快速上手 例1. DOM传参 1. 要验证一个表单,只需要给字段绑定规则“data-rule”就可以了2. 字段可以有多条规则,规则之间用分号(;)分隔3. js初始化不是必要的,只要是字段并且带有“data-rule”属性,即使是新插入的一段DOM也可以立马验证4. 其中:required是内置规 阅读全文
posted @ 2014-03-21 18:54 stephenykk 阅读(8748) 评论(0) 推荐(0)
摘要:一直不是很记得jquery中怎么设置自增值,比如当点击按钮时 div在当前宽度基础上增加宽度100px,可以这样写:$('button.test').click(function(){ $('div.test').animate( { width:"+=100px", height:"+=100px"}, 'normal'); // ~~ +=100px,单位px可以省略 阅读全文
posted @ 2014-02-10 12:22 stephenykk 阅读(2167) 评论(0) 推荐(0)
摘要:从jq api手册摘过来的内容,index这个方法在写 tab silder 之类的组件还是比较有用的说。js没有传统的函数重载的概念,但是根据传入参数的不同,js的函数可以完成不同的功能,也可说是重载的思想吧如果不给 $(selector).index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。如果参数是一组DOM元素或者jQuery对象,$(selector).index( doms| $(selector) )那么返回值就是传递的元素相对于原先集合的位置。如果参数是一个选择器,$(selector).index(selector) 那么返 阅读全文
posted @ 2014-02-10 10:16 stephenykk 阅读(881) 评论(0) 推荐(0)
摘要:前几天在看《jquery基础教程》,看到事件委托的时候,关于live()方法讲的不是很详细,就去搜了一下关于live()和delegate()的。然后在一处看到live()已经被移除了,囧,然后去看了最新的jq源码,果然被移除了,现在是1.9.1版本,不知道live()是在之前哪个版本被移除的,惭愧啊,之前都没留意。看源码发现bind()和delegate()都是由on()实现的。on()的描述如下:.on( events [, selector ] [, data ], handler(eventObject) ) //~~~ on可以实现事件绑定和事件委托 低版本的jQuery好像没有on 阅读全文
posted @ 2014-02-10 09:39 stephenykk 阅读(271) 评论(0) 推荐(0)
摘要:~~~~作为编写组件的一个参考吧,在js输出组件样式的问题上 探讨一下 尽量简化组件的调用function iceSlider(element,options) { /* 功能:广告翻转切换控制 参数: w:(int) 广告的宽度 h:(int) 广告的高度,默认为... 阅读全文
posted @ 2014-01-28 17:25 stephenykk 阅读(438) 评论(0) 推荐(0)
摘要://------------- PS_DOM 功能函数 start----------------var PS_DOM ={ indexOf: function(arr, e){ for(var i= 0; i1 && menu_active<=len){ this.act... 阅读全文
posted @ 2013-11-11 19:00 stephenykk 阅读(357) 评论(0) 推荐(0)
摘要:一:导言 有些WEB开发者,会引用一个JQuery类库,然后在网页上写一写$("#"),$("."),写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人,直到有一次公司里的技术交流,我才改变了自己对自己的看法。~~jQuery类库的确很多值得研究的地方,选择器的使用是基础啊!二:普及JQuery知识知识1:用JQuery写插件时,最核心的方法有如下两个:$.extend(object) 可以理解为JQuery 添加一个静态方法。$.fn.extend(object) 可以理解为JQuery实例添加一个方法。~~jQuery究竟是什么,从其源代码上 阅读全文
posted @ 2013-10-08 22:30 stephenykk 阅读(314) 评论(0) 推荐(0)
摘要:DOM树首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子:事件冒泡(又称事件传播)当我们点击一个链接时,其触发了链接元素的单击事件,该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。 ~~~事件冒泡又称事件传播$('a').bind('click', function() { alert("That tickles!") });因此一个单击操作会触发alert函数的执行。click事件接着会向树的根方向传播,广播到父元素,然后接着是每个祖先元素,只要是它的某个后代元素上的单击事件被触发, 阅读全文
posted @ 2013-06-20 14:41 stephenykk 阅读(346) 评论(0) 推荐(0)
摘要:选择器是jQuery的基础,因为jQuery的绝大多数操作都是对jQuery对象的操作,所以都需要先获取jQuery对象。利用好选择器,能让我们实现功能时事半功倍。jQuery选择器:基本选择器、层次选择器、过滤选择器(基本过滤选择器、内容过滤选择器、属性过滤选择器) 和表单选择器-------------------------------------------1.基本选择器:跟节点在文档中位置的关系无关id选择器 : #content类选择器: .active标签选择器: p通配选择器: *群组选择器: p,div,.active----------------------------- 阅读全文
posted @ 2013-06-06 09:25 stephenykk 阅读(166) 评论(0) 推荐(0)