Jquery点滴知识
关注
分享
扫一扫
弹琴弹琴
这个作者很懒，什么都没留下…
展开
-
jQuery.extend 函数详解
JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的des...转载 2016-03-30 13:54:56 · 321 阅读 · 0 评论 -
教你怎么写jQuery的插件
jQuery（以下简称JQ）是一个功能强大而又小巧的JS框架，现在很多网站都在使用JQ，本站也不例外。本文教大家如何写一个属于你自己的JQ插件。本JQ插件例子是在你网站的文章结尾处添加你的版权。JQ插件标准的封装代码如下，首先需要闭包： <script type="text/javascript"> (function ($) { //这里放入插件代...转载 2016-03-30 14:58:28 · 482 阅读 · 0 评论 -
写JQuery插件的基本知识
这篇文章主要介绍了从如何写JQuery插件，需要注意的事项，还有必须要做的步骤，看过这个文章相信你会明白如何写好一个JQuery插件普及JQuery知识知识1：用JQuery写插件时，最核心的方法有如下两个： 复制代码 代码如下:$.extend(object) 可以理解为JQuery 添加一个静态方法。 $.fn.extend(object) 可以理解为JQuery实例...转载 2016-07-04 20:43:34 · 360 阅读 · 0 评论 -
基于jquery fly插件实现加入购物车抛物线动画效果
在购物网站中，加入购物车的功能是必须的功能，有的网站在用户点击加入购物车按钮时，就会出现该商品从点击出以抛物线的动画相似加入购物车，这个功能看起来非常炫，对用户体验也有一定的提高。下面介绍基于jquery fly插件实现加入购物车抛物线动画效果先给大家展示下效果图： 在购物网站中，加入购物车的功能是必须的功能，有的网站在用户点击加入购物车按钮时，就会出现该商品从点击出以抛物线的动画...转载 2016-11-08 17:31:19 · 2123 阅读 · 1 评论 -
jquery的deferred使用详解
前言之前在一篇文章中写过一点when方法的使用，最近看到同事的一篇文章，又详细学习了deferred方法的各种使用技巧。特此总结。简单介绍deferred对象就是jQuery的回调函数解决方案，jQuery之前的版本在异步回调这一块做得不是很好，所以后期加上了该解决方案。普遍的ajax操作我们先来回顾一下jQuery中普通的ajax操作：$.ajax({ ur...转载 2017-05-17 11:30:32 · 500 阅读 · 0 评论 -
jquery ligerUI
推荐一个系统级的简单ui控件ligerUI，好像和easyui类似 LigerUI 是基于jQuery 的UI框架，其核心设计目标是快速开发、使用简单、功能强大、轻量级、易扩展。简单而又强大，致力于快速打造Web前端界面解决方案，可以应用于.net,jsp,php等等web服务器环境。...原创 2017-05-17 16:18:36 · 485 阅读 · 0 评论 -
JQuery 插件与扩展方法的范例
前言 如今做web开发，jQuery 几乎是必不可少的，就连vs神器在2010版本开始将jquery 及ui 内置web项目里了。至于使用jquery好处这里就不再赘述了，用过的都知道。今天我们来讨论下jquery的插件机制，jquery有着成千上万的第三方插件，有时我们写好了一个独立的功能，也想将其与jquery结合起来，可以用jquery链式调用，这就要扩展jquery，写成插件形式了，...转载 2017-07-24 11:14:58 · 415 阅读 · 0 评论 -
jquery 封装插件---可参考
(function ($) { "use strict"; $.fn.treegridData = function (options, param) { //如果是调用方法 if (typeof options == 'string') { debugger return $.fn.treegri...原创 2018-03-15 10:55:33 · 944 阅读 · 0 评论 -
jquery ajax 接口请求方式写法
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name=viewport content="width=device-width,initial-scale=1,user-scalable=0"> <meta name原创 2018-07-31 19:31:47 · 5085 阅读 · 0 评论 -
jquery $.fn $.fx是什么意思有什么用
$.fn是指jquery的命名空间，加上fn上的方法及属性，会对jquery实例每一个有效，下面简单为大家介绍下jquery $.fn $.fx到底是怎么一回事$.fn是指jquery的命名空间，加上fn上的方法及属性，会对jquery实例每一个有效。如扩展$.fn.abc()那么你可以这样子：$("#div").abc();通常使用extend方法扩展，详细请看API.$.fx是指j...转载 2016-03-24 09:40:14 · 807 阅读 · 0 评论 -
读jQuery之二十（Deferred对象）
Deferred对象是由.Deferred构造的，.Deferred被实现为简单工厂模式。它用来解决JS中的异步编程，它遵循 Common Promise/A 规范。实现此规范的还有 when.js 和 dojo。 $.Deferred作为新特性首次出现在版本1.5中，这个版本利用Deferred又完全重写了Ajax模块。$.Deferred在jQuery代码自身四处被使...转载 2016-03-17 10:14:29 · 396 阅读 · 0 评论 -
原生JS替代jQuery的各种方法汇总
文章目录Query Selector 1.0 选择器查询 1.1 class 查询 1.2 id 查询 1.3 属性查询 1.4 后代查询 1.5 兄弟及上下元素 1.6 Closest 1.7 Parents Until 1.8 Form 1.9 Iframe Contents 1.10 获取 body 1.11 获取或设置属性 CSS ...转载 2019-09-16 10:42:05 · 2942 阅读 · 0 评论 -
滚动条插件---jquery.nicescroll.js 简单使用及 API 配置项
推荐一个滚动条美化插件：jquery.nicescroll.js nicescroll 滚动条插件是一个非常强大的基于 jQuery 的滚动条插件，不需要增加额外的css，几乎全浏览器兼容。ie6+，实现只需要一段代码，侵入性非常小，样式可完全自定义，支持触摸事件，可在触摸屏上使用。官网地址：http://www.areaaperta.com/nicescroll/GitHub下载地...转载 2019-02-21 11:48:51 · 842 阅读 · 0 评论 -
书写jQuery插件的基本格式
(function($, window, document){ // 声明插件方法 function aa(element, options){ this.element = element; // 配置 this.options = { a: options.a || 'a', b: options.b }; // 初始化...原创 2019-02-21 10:40:30 · 348 阅读 · 0 评论 -
推荐一个jQuery的表单验证插件
jquery.validate.min.js官网：https://jqueryvalidation.org/教程：http://www.runoob.com/jquery/jquery-plugin-validate.html原创 2019-02-21 14:40:51 · 113 阅读 · 0 评论 -
jQuery Ajax 简单的实现跨域请求
html 代码清单：[html] view plain copy <script type="text/javascript" src="http://www.youxiaju.com/js/jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(function(..转载 2016-01-26 20:33:12 · 482 阅读 · 0 评论 -
jq遍历图片宽高取最大值
html: <div class="photobox"> <div> <img src="images/33.png"> </div> <div> <img src="images/11.png"> <原创 2016-02-02 17:31:47 · 2563 阅读 · 0 评论 -
JQuery 鼠标hover不停闪动的问题
在WEB前端开发中jquery用的相对比较多了,之前遇到一个问题,一个下拉的jquery下拉菜单效果,hover上去,一直闪动,用mouseovermouseout好好的,当时没搞定,今天逛论坛看到一个方法,可以行.只怪自己之前看jquery api的时候不是很仔细。 解决闪动 可以使用Stop() stop([clearQueue],[jumpToEnd]) 概述 停止所有在指定元...转载 2016-02-16 15:56:03 · 2214 阅读 · 0 评论 -
理解jquery的$.extend()、$.fn和$.fn.extend()
jQuery为开发插件提拱了两个方法，分别是：jQuery.fn.extend();jQuery.extend();jQuery.fnjQuery.fn = jQuery.prototype = { init: function( selector, context ) {//….//……};原来 jQuery.fn = jQuery.prototype.对prot...转载 2016-02-19 13:42:53 · 331 阅读 · 0 评论 -
jq开发插件格式
页面： <script type="text/javascript"> $(document).ready(function(){ $('#a').alertClick(); });</script>插件： //头部(function( $ ) { //$.fn.extend对象级别，$.extend类级别 $.fn.exte...原创 2016-02-19 17:32:18 · 483 阅读 · 0 评论 -
jQuery 2.0.3 源码分析core - 整体架构
//1.jQuery主体框架(function(window, undefined){ var jQuery = function(name, age){ // 1.外部无需再new // 调用构造函数初始化 return new jQuery.prototype.init(name, age) } jQuery.prototype = { // ...原创 2018-09-14 15:26:11 · 262 阅读 · 0 评论 -
jQuery 2.0.3 源码分析core - 选择器
jQuery 2.0.3 源码分析core - 选择器 声明：本文为原创文章，如需转载，请注明来源并保留原文链接Aaron，谢谢！ 打开jQuery源码，一眼看去到处都充斥着正则表达式，jQuery框架的基础就是查询了，查询文档元素对象，所以狭隘的说呢，jQuery就是一个选择器，并这个基础上构建和运行查询过滤器！工欲善其事，必先利其器，所以先从正则入手我们来分解...转载 2018-09-14 16:08:14 · 197 阅读 · 0 评论 -
jQuery 2.0.3 源码分析Sizzle引擎 - 词法解析
jQuery 2.0.3 源码分析Sizzle引擎 - 词法解析声明：本文为原创文章，如需转载，请注明来源并保留原文链接Aaron，谢谢！浏览器从下载文档到显示页面的过程是个复杂的过程，这里包含了重绘和重排。各家浏览器引擎的工作原理略有差别，但也有一定规则。 简单讲，通常在文档初次加载时，浏览器引擎会解析HTML文档来构建DOM树，之后根据DOM元素的几何属性构建一棵用于渲染的树。渲染树...转载 2018-09-14 16:49:00 · 215 阅读 · 0 评论 -
jQuery源码分析系列(31) : Ajax deferred实现
jQuery源码分析系列(31) : Ajax deferred实现章节导航AJAX的底层实现都是浏览器提供的，所以任何基于api上面的框架或者库，都只是说对于功能的灵活与兼容维护性做出最优的扩展ajax请求的流程：1、通过 new XMLHttpRequest 或其它的形式（指IE）生成ajax的对象xhr。 2、通过xhr.open(type, url, async, u...转载 2018-09-18 14:20:15 · 170 阅读 · 0 评论 -
jQuery源码分析系列(30) : Ajax 整体结构
jQuery源码分析系列(30) : Ajax 整体结构开头引用一段想起一句话：前端研究，研究个屁~ 的确如此呀。补充下联：前端设计，设计个屁~前端目前最大的困境是，如 HTML 一样，无论你承不承认，市场上并不太需要 HTML 高手其实这里引发一个问题：前端的价值究竟是什么？未来应该如何发展？我个人觉得还是一个核心价值的问题，前端在漂亮的东西都是需要后端的数据支撑的，而且前...转载 2018-09-18 14:36:30 · 227 阅读 · 0 评论 -
jQuery源码分析系列(36) : Ajax - 类型转化器
jQuery源码分析系列(36) : Ajax - 类型转化器什么是类型转化器？jQuery支持不同格式的数据返回形式，比如dataType为 xml, json,jsonp,script, or html但是浏览器的XMLHttpRequest对象对数据的响应只有 responseText与responseXML 二种所以现在我要定义dataType为jsonp,那么所得的最终数...转载 2018-09-18 17:18:04 · 242 阅读 · 0 评论 -
jQuery源码分析系列(35) : Ajax - jsonp的实现与原理
jQuery源码分析系列(35) : Ajax - jsonp的实现与原理ajax的核心是通过XmlHttpRequest获取非本页内容，而jsonp的核心则是动态添加<script>标签来调用服务器提供的js脚本json核心就是：允许用户传递一个callback参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON数据，这样客户端就可以随意定...转载 2018-09-18 17:18:16 · 203 阅读 · 0 评论 -
jQuery源码分析系列：Callback深入
jQuery源码分析系列：Callback深入关于Callbacks http://www.cnblogs.com/aaronjs/p/3342344.html$.Callbacks()的内部提供了jQuery的$.ajax() 和 $.Deferred() 基本功能组件在针对ajax处理中，用的最多的就是once memory的组合/** * 所有的回调队列，不管任何时候增加...转载 2018-09-18 17:18:28 · 326 阅读 · 0 评论 -
jQuery源码分析系列(38) : 队列操作
jQuery源码分析系列(38) : 队列操作Queue队列，如同data数据缓存与Deferred异步模型一样，都是jQuery库的内部实现的基础设施Queue队列是animate动画依赖的基础设施,整个jQuery中队列仅供给动画使用 Queue队列队列是一种特殊的线性表，只允许在表的前端（队头）进行删除操作（出队），在表的后端（队尾）进行插入操作（入队）。队列的特点是先进...转载 2018-09-18 18:39:21 · 199 阅读 · 0 评论 -
jQuery源码分析系列(39) : 动画队列
jQuery源码分析系列(39) : 动画队列data函数在jQuery中只有短短的300行代码，非常不起点 ，剖析源码的时候你会发现jQuery只要在有需要保存数据的地方无时无刻不依赖这个基础设施动画会调用队列，队列会调用data数据接口还保存队列里面的的动画数据所以我们在自习回顾下关于数据缓存//These may be used throughout the jQuer...转载 2018-09-18 19:11:19 · 175 阅读 · 0 评论 -
jQuery2.0.3源码分析系列(28) 元素大小
jQuery2.0.3源码分析系列(28) 元素大小章节导航最近的分析都是有点不温不火，基本都是基础的回顾了今年博客的目标目前总的来说有2大块JS版的设计模式，会用jQuery来诠释JS版的数据结构，最近也一直在狠狠的学习中. HTML息息相关的的样式偏移量offsetWidth offsetHeight offsetLeft offsetTopof...转载 2018-09-19 09:39:12 · 248 阅读 · 0 评论 -
jQuery2.0.3源码分析系列之(29) 窗口尺寸
jQuery2.0.3源码分析系列之(29) 窗口尺寸章节导航.height() .innerHeight() .innerWidth() .outerHeight() .outerWidth() .width() 基础回顾 一般的，在获取浏览器窗口的大小和位置时，有以下几个属性可以使用： 在不同的浏览器中，以下12个属性所代表的意义也是不一样的 特别需要注意的是，...转载 2018-09-19 09:39:33 · 196 阅读 · 0 评论 -
解密jQuery事件核心 - 绑定设计（一）
解密jQuery事件核心 - 绑定设计（一）说起jQuery的事件，不得不提一下Dean Edwards大神 addEvent库，很多流行的类库的基本思想从他那儿借来的jQuery的事件处理机制吸取了JavaScript专家Dean Edwards编写的事件处理函数的精华，使得jQuery处理事件绑定的时候相当的可靠。在预留退路(graceful degradation)，循序渐进以及...转载 2018-09-18 12:21:29 · 196 阅读 · 0 评论 -
jQuery 2.0.3 源码分析 事件体系结构
Query 2.0.3 源码分析 事件体系结构那么jQuery事件处理机制能帮我们处理那些问题？毋容置疑首先要解决浏览器事件兼容问题 可以在一个事件类型上添加多个事件处理函数，可以一次添加多个事件类型的事件处理函数 提供了常用事件的便捷方法 支持自定义事件 扩展了组合事件 提供了统一的事件封装、绑定、执行、销毁机制 ……为了更深入的理解幕后的实现,所以先整理整体的结构思路,从...转载 2018-09-18 11:21:55 · 123 阅读 · 0 评论 -
jQuery 2.0.3 源码分析Sizzle引擎 - 解析原理
jQuery 2.0.3 源码分析Sizzle引擎 - 解析原理声明：本文为原创文章，如需转载，请注明来源并保留原文链接Aaron，谢谢！先来回答博友的提问：如何解析div > p + div.aaron input[type="checkbox"]顺便在深入理解下解析的原理：HTML结构<div id="text"> <p>...转载 2018-09-14 17:27:53 · 154 阅读 · 0 评论 -
jQuery 2.0.3 源码分析 回调对象 - Callbacks
jQuery 2.0.3 源码分析 回调对象 - Callbacks源码API：http://api.jquery.com/jQuery.Callbacks/jQuery.Callbacks()是在版本1.7中新加入的。它是一个多用途的回调函数列表对象，提供了一种强大的方法来管理回调函数队列。 那么jQuery.Callbacks使用场景在哪里？在很多时候需要控制一系列的函数顺...转载 2018-09-17 11:45:38 · 168 阅读 · 0 评论 -
jQuery 2.0.3 源码分析 Deferred概念
jQuery 2.0.3 源码分析 Deferred概念 JavaScript编程几乎总是伴随着异步操作，传统的异步操作会在操作完成之后，使用回调函数传回结果，而回调函数中则包含了后续的工作。这也是造成异步编程困难的主要原因：我们一直习惯于“线性”地编写代码逻辑，但是大量异步操作所带来的回调函数，会把我们的算法分解地支离破碎。此时我们不能用if来实现逻辑分支，也不能用while...转载 2018-09-17 12:04:06 · 149 阅读 · 0 评论 -
jQuery 2.0.3 源码分析 Deferred（最细的实现剖析，带图）
jQuery 2.0.3 源码分析 Deferred（最细的实现剖析，带图）Deferred的概念请看第一篇http://www.cnblogs.com/aaronjs/p/3348569.html ******************构建Deferred对象时候的流程图************************** **********************源...转载 2018-09-17 14:30:14 · 212 阅读 · 0 评论 -
jQuery 2.0.3 源码分析 数据缓存
var aa1=$("#aaron"); var aa2=$("#aaron"); // 覆盖 // aa1.data('a',1111); //结果2222222 // aa2.data('a',2222); //结果2222222 // console.log(aa1.data('a')) // console.log(aa2.data(...原创 2018-09-17 15:51:17 · 189 阅读 · 0 评论 -
jQuery 2.0.3 源码分析 回溯魔法 end()和pushStack()
var $aaron = $("aaron"); console.log($aaron) // jQuery 对象栈 // jQuery内部维护着一个jQuery对象栈。每个遍历方法都会找到一组新元素（一个jQuery对象），然后jQuery会把这组元素推入到栈中 // 而每个jQuery对象都有三个属性：context、selector和prevOb...原创 2018-09-17 16:26:06 · 148 阅读 · 0 评论