本章包含:

  • 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. Oracle中创建MD5方法

    create or replace function MD5(passwd in varchar2) return varchar2 is retval ); begin retval := utl_ ...

  2. 《Head First Servlet JSP》学习笔记

  3. hadoop MapReduce Yarn运行机制

    原 Hadoop MapReduce 框架的问题 原hadoop的MapReduce框架图 从上图中可以清楚的看出原 MapReduce 程序的流程及设计思路: 首先用户程序 (JobClient) ...

  4. C#值数值类型转换

    1.十进制转16进制 string result=number.ToString("X2"); >>0A //X2表示大写2位 2.字符串转数值类型 "); ...

  5. Windows下安装node

    1.安装node及npm Windows下安装软件都是傻瓜式安装,首先登陆官网(https://nodejs.org/en/)下载对应的node程序,然后双击进行安装.安装过程基本上是点击'Next' ...

  6. jQuery修改页面元素的属性

    作为一个后台开发者,在web开发的时候会常常遇到修改前台页面的属性的问题.这两天我发现jQuery的$("#id").attr("prop","值&q ...

  7. 省市县联动dropdownlist

    下面就是在提交按钮的单击事件中填写代码(代码区)(前提是把省市县的数据库建好) protected void Page_Load(object sender, EventArgs e)         ...

  8. js 一搬问题汇总

    --有时无法进行js调试,在浏览器中设置启用脚本调试就可以了

  9. [Android] how to get facebook profile

    Bundle params = new Bundle(); params.putString("fields", "id,email,gender,cover,pictu ...

  10. log4j:WARN No appenders could be found for logger

    直接写我的解决办法: 在src下面新建file名为log4j.properties内容如下:# Configure logging for testing: optionally with log f ...