jquery
文章平均质量分 75
lizzvia
这个作者很懒,什么都没留下…
展开
-
组件总结——动态生成树状目录
思路:首先ajax申请目录节点。获取全部节点之后,依次生成 和标签。 node结构: node = { text: '第一级', //entry名 id: '213', //entry id isexpand: false, //是否展开 hasChildren: true, //是原创 2016-08-25 10:56:29 · 1095 阅读 · 0 评论 -
javascript组件——lazyload
前言:lazyload是一个懒加载的基于jquery的懒加载的库。实现原理:实现原理是在当图片不在视图区域内时,用一个class lazy标识图片,先将该图片的src置为空,把真正的url放到一个自定义属性里面。当检测到该图片需要被展示时,获取自定义属性里真正的url,修改到src里面,实现图片的懒加载。基于lazyload的实现原理,写了一个demo。以下为代码分析:缺省配置原创 2017-03-28 11:32:41 · 578 阅读 · 0 评论 -
jQuery学习——clickoutside应用
自定义clickoutside事件,使得点击绑定元素之外的位置可以执行handler。这个方法可以用event.special来实现,方法如下 (function($){ var elems = $([]); $.event.special.clickoutside = { setup: function(){ var elem = $(this);原创 2016-11-11 19:41:58 · 2213 阅读 · 0 评论 -
jQuery源码学习——event.special用于执行异步任务的实践
该内容翻译自http://benalman.com/news/2010/03/jquery-special-events/ 在页面执行任务的一个确切的时间点上,所有绑定的click事件需要暂时的disabled掉。这种技术在执行异步任务的时候非常管用。比如说当提交表单的时候,不希望用户在任务完成之前意外的再次提交任务。 有一种优雅的做法,是使用special的add方法,这个方法将在每原创 2016-11-11 18:57:39 · 396 阅读 · 0 评论 -
javascript组件——按thead排序的table
/** * options need table title,thead,rowData,$root * generated by dx */var TableGenerator = (function(global,$){ var testIntNum = / ^[0-9]*$/g, testFloatNum = /^[1-9]\d*.\d*|0.\d*[1-原创 2016-10-28 16:38:45 · 607 阅读 · 0 评论 -
jquery源码分析——clean(elems,context,fragment,scripts)
目的:获取html代码段,生成DOM元素。流程:1、修正context为正确的文本对象 2、生成一个临时的div框,作为包裹必要的父对象。 3、处理传入的元素数组,处理之。 4、将处理好的元素数组安放在div里面。并且针对各个浏览器的特性进行适当的修正 5、如果传入了一个fragment,则原创 2016-10-16 19:56:22 · 263 阅读 · 0 评论 -
jQuery源码——extend()函数
jQuery.extend = jQuery.fn.extend = function() { var options, name, src, copy, copyIsArray, clone, target = arguments[0] || {}, //传来的第一个参数是要合并的对象 i = 1, length = arguments.length, //要合并的对象个数 d原创 2016-10-25 16:17:32 · 211 阅读 · 0 评论 -
jquery源码——buildFragment
buildFragment是在context上,根据args创建一个div区域。核心部分是调用了clean部分。但是buildFragment添加了cache的部分。如果能cache的话,则直接返回创建好的。具体情况加下:jQuery.buildFragment = function( args, context, scripts ) { //传入的html代码段(好几段),上下文,是否有原创 2016-10-24 19:23:07 · 262 阅读 · 0 评论 -
jQuery源码——find函数
jQuery的全局方法find()作用是对调用的jquery对象中,查找是否有满足selector的节点.代码如下find: function( selector ) { //在已生成的DOM中按照selector查找对应元素 var i, l, length, n, r, ret, self = this; if ( typeof selector !== "string"原创 2016-10-24 18:57:39 · 2925 阅读 · 0 评论 -
jquery源码——jquery.fn.access()函数
这个函数是一个抽象的方法,很多对外暴露的方法,最终都调用这个方法。access: function( elems, fn, key, value, chainable, emptyGet, pass ) { var exec, bulk = key == null, //是不是传了key进来 i = 0, length = elems.length; // Sets原创 2016-10-21 19:40:18 · 341 阅读 · 0 评论 -
javascript事件监听机制(二)——jquery的Event对象
jQuery封装了浏览器的事件监听方法,兼容了各个浏览器的区别,对外提供一套适合于jquery对象的事件监听接口。Event对象的核心方法主要有三个,add,remove和trigger。elem对于事件的维护,是通过在elem的内部空间里(_data访问的),用一个events对象来实现的{ events:{'click':handleObj, 'focusin':handleObj原创 2017-04-08 12:19:14 · 5364 阅读 · 0 评论