本章包含:

  • 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. c++写入txt文件

    简单方式: #include "stdafx.h" #include <iostream> #include <iomanip> #include < ...

  2. 关于Jquery学习的几点反思

    1.应用的API插件时,先看说明文档,仔细看,多花点时间也没关系. 2.写出你要完成工作的几个步骤,细化你的工作.保证每一步结果都是正确(特别是在用你不会的东西的时候),这样看起来是在浪费时间,但是最 ...

  3. (转) Docker swarm - 使用体验 1+2

    背景 凭借敏捷开发部署理念的推行,相信对于很多人来说docker这项容器技术已经并不陌生,Docker 1.12引擎发布了快两个月,新引擎中包含了许多特性.诸如: Swarm模式,容器集群的健康检查, ...

  4. STL_fill()用法

    以前很多次会给某个区间赋值,今天才知道有个函数可以满足这个功能. void fill (ForwardIterator first, ForwardIterator last, const T& ...

  5. 针对Xcode的警告忽略消除处理

    一.问题描述 html代码如下 <html> <head> <meta charset="utf-8"/> <title>我的网页& ...

  6. DB2用一张表更新其他表的数据

    表结构: CREATE TABLE ATEST  (ID    INTEGER,   NAME  VARCHAR(256),   CODE  INTEGER,   NAME2 VARCHAR(256) ...

  7. eclipse修改项目名称

    一. 右键工程:Refactor->Rename,或选中工程按F2,修改名称二.右键工程:Properties->Web Project Settings,修改Context Root 三 ...

  8. java jsp调用shell(带参数)脚本并返回值

    test.jsp <%@ page language="java" import="java.util.List,java.util.ArrayList,java. ...

  9. Javascript题库

    一.填空题 JavaScript有两种引用数据类型 :__数组___.__对象__. Javascript通过__setTimeout___延迟指定时间后,去执行某程序. Javascript里Str ...

  10. ios框架

    iPhone OS(现在叫iOS)是iPhone, iPod touch 和 iPad 设备的操作系统.        1,Core OS: 是用FreeBSD和Mach所改写的Darwin, 是开源 ...