[译] Extending jQuery Part1 Simple extensions

本章包含:


  • 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,布布扣,bubuko.com

时间: 2024-10-16 16:18:26

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

[译] EXTENDING JQUERY – 2.2 A simple plugin

2.2 一个简单的插件示例 jQuery 插件能做任何事情,这个已经由浩如烟海的各类第三方插件如证明.小到只影响一个元素,大到改变多个元素的外观和行为,jQuery 的各种功能等你来扩展. 2.2.1 占位文本插件 为了维持一个form 的空间,很多时候一个字段的描述往往是省略的,取而代之的是用一个占位文本.如果这个字段是空的,占位文本将会重新显示.为了更好的用户体验,这个占位文本往往是灰色的,用来区别真正的内容.这个功能有个比较通用的名字叫做水印(watermark). 占位的文本可以在插件初

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

本文翻译自此文章 你有没有遇到过类似$(".cta").click(function(){})这样的JavaScript代码并且在想“$('#x')是什么”?如果这些对你想天书一样,请往下读.如果你认为这些代码不可能是真的,请浏览一些jQuery例子,他们都是这种结构. 这篇文章覆盖了像下面一样吓人的代码片段中涉及的关键概念.我们以一个长例子开始,这个长例子是基于一个让一个正方形运动的简单例子(a simple example of animating a square).你可能不需要

jQuery part1

1. jQuery 简介 jQuery 库可以通过一行简单的标记被添加到网页中. jQuery 是一个 JavaScript 函数库.jQuery 库包含以下特性:HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities 2. jQuery 常见用法 $.function() 选取jQuery 定义的function()执行 $('input') 选取 HTML 当中全部的 input 标签 $('#

jQuery中的100个技巧(译)

1.当document文档就绪时执行JavaScript代码. 我们为什么使用jQuery库呢?原因之一就在于我们可以使jQuery代码在各种不同的浏览器和存在bug的浏览器上完美运行. <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script> // Different ways to achieve the Document Ready event //

jQuery 正则选择器

http://james.padolsey.com/snippets/regex-selector-for-jquery/ A while ago I published an article explaining the utter awesomeness of extending jQuery’s filter selectors. Building on that here’s something new; a regular expression selector. jQuery’s c

jQuery中的100个技巧

1.当document文档就绪时执行JavaScript代码. 我们为什么使用jQuery库呢?原因之一就在于我们可以使jQuery代码在各种不同的浏览器和存在bug的浏览器上完美运行. <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script> // Different ways to achieve the Document Ready event //

几款jQuery右键菜单插件

1.jQuery Very Simple ContextMenu Plugin 包含jquery库,vscontext.jquery.js,css/vscontext.css 2.jQuery Context Menu Plugin 3.JEEGOOCONTEXT Project Page: http://www.planitworks.nl/jeegoocontext/ 4.JQUERY CONTEXT MENU Project Page:http://www.dynamicdrive.com

推荐60个jQuery插件(转)

jQuery插件jQuery Spin Button自定义文本框数值自增或自减 jQuery插件JQuery Pager分页器实现javascript分页功能 jQuery插件FontSizer实现Javascript自定义动态调整网页文字大小 jQuery插件Magnify放大镜实现javascript图片放大功能 jQuery插件tooltip提示条实现Javascript动态文字或图片提示效果 jQuery插件Step Carousel Viewer实现Javascript图片滑动旋转效果

jQuery——Write less,do more

学习jQuery之前,很小心的点进了它的官网,哇--哇,全是英文,哇,居然看得懂,给人耳目一新的界面,在左上角大字jQuery下面就是这句writeless,do more-- What  is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. Itmakes things like HTML document traversal and manipulation, event handling,anima