随笔分类 - jQuer
关于jQuer的一些内容。
摘要：jQuery实现搜索框插件 豆瓣音乐接口实现豆瓣搜索框 豆瓣接口有时不稳定，网络请求会报400，不要惊慌。我主要是练习一下jQuery的JSONP和封装插件。 css代码参考就好： 1 /* 2 * 样式没有做分类处理采用注释提示 3 * 建议不修改项：表示保留插件样式风格 4 * 建议保留项：表示
阅读全文
摘要：服务器代理机制破解浏览器的同源策略 瀑布流功能实现分析 具体实现代码及业务实现分析 一、服务器代理机制破解浏览器同源策略 由于浏览器的同源策略无法请求不同域名下的资源，但是服务器的后台程序并不受同源策略的限制，所以就可以通过服务器的后台程序获取其他域名下的资源，然后再发送给浏览器，本质上还是在同源策
阅读全文
摘要：when方法的语法及使用 when源码实现分析 一、when方法的语法及使用 1.语法： $.when( deferreds ) when本身相当于一个延迟回调对象集合的监听，当监听到所有回调对象都被触发了受理回调，它自身的一个延迟回调对象就会触发受理；反之，当它监听的回调对象中有一个触发了拒绝回调
阅读全文
摘要：deferred的功能及其使用 deferred的实现原理及模拟源码 deferred.then方法的实现原理及模拟源码 一、deferred的功能及其使用 deferred的底层是基于callbacks实现的，建议再熟悉callbacks的内部机制前提下阅读这篇博客，如果需要了解callbacks
阅读全文
摘要：jQuery.ajax()方法的应用 jQuery.ajax()的无忧回调（优雅的代码风格） 一、jQuery.ajax()方法的应用 jQuery.ajax()实质上就是在ajax的基础上进行了封装，将参数设置，方法调用，数据传输，响应的回调函数等都封装到一个对象中，然后使用这个对象作为jQure
阅读全文
摘要：Callbacks的基本功能回调函数缓存与调用 特定需求模式的Callbacks Callbacks的模拟源码 一、Callbacks的基本功能回调函数缓存与调用 Callbacks即回调函数集合，在jQeury中配合异步操作实现异步回调任务，同时也具备函数解耦的基础特性。简单的说就是缓存回调函数的
阅读全文
摘要：浅层克隆 深层克隆 扩展方法 一、extend的基本使用 语法： 警告: 不支持第一个参数传递 false 。 jQuery.extend() 函数用于将一个或多个对象的内容合并到目标对象。 注意：1. 如果只为$.extend()指定了一个参数，则意味着参数target被省略。此时，target就
阅读全文
摘要：proxy() onConflict() each() map() parseJson() makeArray() proxy() $.proxy()的实现机制与原生javaScript中的bind()方法实现机制一致，都是用来修改函数执行的this指向，我在前面的博客中有bind的源码剖析：源码来
阅读全文
摘要：type()的使用 类型判断方法之is...() 实现原理可以参考我的另一篇js源码剖析博客： 类型和原生函数及类型转换（二：终结js类型判断） $.isArray(),$.isFunction(),$.isWindwo() 这三个方法是jQurey内部代码自己使用的类型判断方法，但是也能拿出来用，
阅读全文
摘要：each() children() index() 一、jQuery实例遍历方法each() jQuery实例上的each()方法规定要运行的函数，并且给函数传入两个参数：index,element。这个方法本身应用非常的简单，所以要来点不简单的东西，请看以下代码： 思路一的解决方案循环了两次，从上
阅读全文
摘要：offset() position() scrollTop()、scrollLeft width()、height() innerWidth()、outerWidth()、innerHeight()、outerWidth() jQuery坐标图形大小相关 offset() 返回或设置元素距离浏览器的
阅读全文
摘要：开篇一张图之队列模型 queue()如何使用？ queue()原理实现？ 基于queue()模拟实现animate() 一、使用queuer方法、理解队列原理 queue() dequeue() clearQueue() 1.创建队列$(selector).queue(queueName,funct
阅读全文
摘要：show()、hide()、toggle() 参数：null或(duration,easing,callblack) fadeIn()、fadeout()、fadeToggle()、fadeTo() 参数：null或(duration,[opacity],easing,callblack) slid
阅读全文
摘要：实例方法： on() one() off() trigger() hover() 一、绑定事件与jQuery事件委托 $(selector).eventType(fn); $(selector).on(event,childSelector,data,function); $(selector).o
阅读全文
摘要：包裹 wrap() wrapInner() wrapAll() unwrap() clone() 数据缓存机制 data 文档处理（包裹） 1.1.wrap()--将所匹配的元素用其他元素结构化标签包裹起来（实际上就是给指定的元素添加父元素）。参数可以是HTML标记代码字符串；也可以是DOM元素对象
阅读全文
摘要：插入： insertBofore() before() insertAfter() after() appendTo() append() prependTo() prepen() 删除： remove() detach() //css <style type="text/css"> .wrappe
阅读全文
摘要：查找兄弟元素 向下查找兄弟元素 next() nextAll() nextUntil() 向上查找兄弟元素 prev() prevAll() prevUntil() 查找所有兄弟元素 siblings() 1.1.1.next()方法用来查找下一个兄弟元素，可以传参也可以不传参。参数可以是任意jQu
阅读全文
摘要：操作表单元素属性value的值 .val()--获取表单相关元素的val值（当jQuery对象是DOM集合时，返回的只有第一个元素的value的值，与html()方法类似）; .serialize()--获取form表单所有数据，返回字符串拼接形式；.serializeArray()--获取form
阅读全文
摘要：DOM取值与赋值 .html() .text() .size() 1.html()方法类似原生DOM的属性innerHTML，不传入参数的时候默认为取指定元素内的HTML内容，包含前后空白文本结构，以字符串类型返回；当被指定执行html()方法的jQuery对象是一组DOM集合时，获取到的内容是集合
阅读全文
摘要：一、简单的一些介绍 1.jQuery是由普通的是由一些系列操作DOM节点的函数和一些其他的工具方法组成的js库。 2.为什么要使用jQuery库？ jQuery面向用户良好的设计在使用过程中彻底解放了记忆原生操作DOM的接口。 jQuery中包含了可重用的函数，用来辅助我们简化JavaScript开
阅读全文
