本章包含:

  • JQuery 的起源和目标。
  • 你能扩展JQuery 的那些部分。
  • JQuery 扩展的实例。

如今,JQuery 已经是网络上最受欢迎的JavaScript Library.

1.1 jQuery 背景

JQuery 的主要特性如下:

  • 元素选择器
  • 元素遍历
  • 元素操作
  • 事件处理
  • 特效以及动画
  • Ajax
  • 扩展性
  • 各种各样的帮助函数
  • 跨浏览器

1.1.1 起源

起源其实不是那么重要,本来作者取名叫做jSelect, 悲剧的是该名字已经被占用,所以便改叫jQuery.

1.1.2 成长历程

从1.0 开始到目前的2.X 的版本,功能越来越强大的,代码也越来越庞大,但是压缩后的体积只有90多K。

1.1.3 现在

jQuery 如今相当的风光。

1.2 扩展jQuery

jQuery 为了保持身材大小,只保留最广泛使用的核心代码和功能,因此我们可以有自己定制性更强的版本自己去扩展jQuery.所幸,jQuery 本身就对扩展有很好的支持。

1.2.1 扩展点

有很多的地方可以扩展,如下:

选择器和过滤器插件

标准的选择器包含name, ID, class 这些是jQuery 内置的。当然我们可以按照我们自己的需求去扩展。

集合插件

发挥你的想象,去对集合的功能进行你所需要的扩展。

------------------------

函数插件

各种各样的工具类。

------------------------

JQuery UI WIDGETS

------------------------

JQUERY UI EFFECTS

------------------------

ANIMATING PROPERTIES

------------------------

AJAX PROCESSING

------------------------

EVENT HANDLING

------------------------

VALIDATION RULES

------------------------

1.3 扩展的各种有名的实例

目前各种jQuery 的插件已经是多入牛毛了,这里只是举部分例子,让大家能够看到哪些点是能够扩展的。

1.3.1 jQuery UI

jQuery UI 项目增添了各种有趣的组件。(http://jqueryui.com/)

1.3.2 Validation

大名鼎鼎的Validation 插件。(http://jqueryvalidation.org/)

。。。。。。。

这里省略其他一些有名的插件。

1.4 小结

JQuery 很好很强大,所以使用很广泛。同时它又很好的支持扩张,目前插件已是满世界开花!

[译] Extending jQuery Part1 Simple extensions的更多相关文章

  1. [译] EXTENDING JQUERY – 2.2 A simple plugin

    2.2 一个简单的插件示例 jQuery 插件能做任何事情,这个已经由浩如烟海的各类第三方插件如证明.小到只影响一个元素,大到改变多个元素的外观和行为,jQuery 的各种功能等你来扩展. 2.2.1 ...

  2. 【简译】jQuery对象的奥秘:基础介绍

    本文翻译自此文章 你有没有遇到过类似$(".cta").click(function(){})这样的JavaScript代码并且在想“$('#x')是什么”?如果这些对你想天书一样 ...

  3. [译]脱离jQuery,使用原生Ajax

    脱离jQuery,使用原生Ajax 标签: Ajax translate 英文出处:<A Guide to Vanilla Ajax Without jQuery> 翻译: 刘健超 J.c ...

  4. day 54 jQuery, part-1

    上节内容回顾: 1. 前情回顾 1. DOM对象和BOM对象 1. BOM 对象 --> window location location.href location.href="ht ...

  5. jQuery中的100个技巧(译)

    1.当document文档就绪时执行JavaScript代码. 我们为什么使用jQuery库呢?原因之一就在于我们可以使jQuery代码在各种不同的浏览器和存在bug的浏览器上完美运行. <sc ...

  6. jQuery 正则选择器

    http://james.padolsey.com/snippets/regex-selector-for-jquery/ A while ago I published an article exp ...

  7. jQuery中的100个技巧

      1.当document文档就绪时执行JavaScript代码. 我们为什么使用jQuery库呢?原因之一就在于我们可以使jQuery代码在各种不同的浏览器和存在bug的浏览器上完美运行. < ...

  8. 20+个可重复使用的jQuery代码片段

    jQuery已经成为任何web项目的重要组成部分.它为网站提供了交互性的通过移动HTML元素,创建自定义动画,处理事件,选择DOM元素,检索整个document ,让最终用户有一个更好的体验. 在这篇 ...

  9. 几款jQuery右键菜单插件

    1.jQuery Very Simple ContextMenu Plugin 2.ContextJS Project Page:http://lab.jakiestfu.com/contextjs/ ...

随机推荐

  1. Fibonacci 2

    Fibonacci 2 感谢613的提供的题面 题目描述 给定\(S_0,S_1\),\(S_n=S_{n-1}+S_{n-2}+F_nF_{n-1}\),求\(S_n\bmod 2^{32}\). ...

  2. 数论v2

    #include <cmath> #include <cstdio> #include <cstring> #include <algorithm> # ...

  3. php preg_match($p, $str, $match)方法简介

    方法作用:匹配指定的正则表达式并将结果放在$match数组中 代码示例: $p = '/name:([\\ws]+)/'; $str = "name:steven jobs"; p ...

  4. Linux--多网卡的7种Bond模式

    网卡bond是通过把多张网卡绑定为一个逻辑网卡,实现本地网卡的冗余,带宽扩容和负载均衡.在应用部署中是一种常用的技术,我们公司基本所有的项目相关服务器都做了bond,这里总结整理,以便待查. bond ...

  5. KVC 与 KVO 理解

    KVC 与 KVO 是 Objective C 的关键概念,个人认为必须理解的东西,下面是实例讲解. Key-Value Coding (KVC) KVC,即是指 NSKeyValueCoding,一 ...

  6. java 调用webservice的各种方法总结

    java 调用webservice的各种方法总结 几种流行的开源WebService框架Axis1,Axis2,Xfire,CXF,JWS比较 方法一:创建基于JAX-WS的webservice(包括 ...

  7. POJ 2570(floyd)

    http://poj.org/problem?id=2570 题意:在海底有一些网络节点.每个节点之间都是通过光缆相连接的.不过这些光缆可能是不同公司的. 现在某个公司想从a点发送消息到b点,问哪个公 ...

  8. redis+crontab+php异步处理任务

    2016年1月8日 16:08:43 星期五 情景: 用户登录日志, 发邮件, 发短信等等实时性要求不怎么高的业务通常会异步执行 之前接触过几种redis+crontab配套的实现方法, 比如: cr ...

  9. 由于Windows和Linux行尾标识引起脚本无法运行的解决

    在所有的操作系统中,文本文件的结束或者换行都是有行尾符来标识的,C语言中经常使用\n作为换行,\r作为跳格TAB:实际上在计算机还没有真正出现之前,有种电传打字机的设备,每秒钟可以打印10个字符,但是 ...

  10. CSS3实现元素旋转

    -webkit-transform:rotate(30deg); 参数代表顺时针自旋转角度 这个元素还提供了文本倾斜的方法 - HTML5与CSS3 P299