本章包含:

  • 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. 【leetcode】Spiral Matrix II

    Spiral Matrix II Given an integer n, generate a square matrix filled with elements from 1 to n2 in s ...

  2. JS中的timestamp

    http://blog.163.com/lijy_980720@126/blog/static/75574626201261783343834/

  3. Apache2.4.6 添加虚拟主机

    apache2.4 与 apache2.2 的虚拟主机配置写法有所不同 apache2.2的写法: <VirtualHost *:80> ServerName domain.com Doc ...

  4. ACM/ICPC 之 DP进阶(51Nod-1371(填数字))

    原题链接:填数字 顺便推荐一下,偶然看到这个OJ,发现社区运营做得很赞,而且交互和编译环境都很赞(可以编译包括Python,Ruby,Js在内的脚本语言,也可以编译新标准的C/C++11,甚至包括Go ...

  5. Java for LintCode 颜色分类

    给定一个包含红,白,蓝且长度为n的数组,将数组元素进行分类使相同颜色的元素相邻,并按照红.白.蓝的顺序进行排序. 我们可以使用整数0,1和2分别代表红,白,蓝. 解题思路: Java for Leet ...

  6. winrt反射

    第一步引用扩展类. using System.Reflection.IntrospectionExtensions; 第二步反射. gridView是我定义的GridView控件.ItemClick是 ...

  7. Django~automated tests

    def xx(): 冒号下一行要缩进 ATD http://blog.csdn.net/doupei2006/article/details/7657547 http://www.jb51.net/a ...

  8. Effective C++ -----条款48:认识template元编程

    Template metaprogramming(TMP,模板元编程)可将工作由运行期移往编译期,因而得以实现早期错误侦测和更高的执行效率. TMP可被用来生成“基于政策选择组合”(based on ...

  9. Mathematics:DNA Sorting(POJ 1007)

    DNA排序 题目大意:给定多个ACGT序列,按照字母顺序算出逆序数,按逆序数从小到大排列 这题其实很简单,我们只要用一个归并排序算逆序数,然后快排就可以了(插入排序也可以,数据量不大),但是要注意的是 ...

  10. log4net使用

    平时项目里一直都有在使用log4net作为日志记录模块,当时一直都没有去理解log4net的配置文件信息.今天抽出了一点时间来看了看配置文件信息. log4net配置文件信息: <log4net ...