`
keel
  • 浏览: 45066 次
社区版块
存档分类
最新评论

如何在实际工作中使用jQuery?

阅读更多
我们使用javascript一般有几个目的:
1.控制(或生成)页面的显示界面,响应用户的某些操作,使之更合理美观,以及实现页面的动态效果.
2.在页面上进行客户端的验证与计算(如表单验证,COOKIE控制等).
3.AJAX交互与页面数据更新.

使用jQuery可以帮助你很好地实现这些功能.

可以直接用jQuery的一些控制方法和事件绑定方法来做很多事情,但是当你觉得实际上你想要的不过就是几个功能而已,比如说:表单验证,设置cookie,或者只是生成一个特定的表格,或者只是实现一个特定的效果,我觉得有80%的可能这些很类似的功能要用在不只一个页面上,而把这些代码在不同页面copy过来copy过去就是很烦的事情了,所以把它们写在一个js文件里面,实际上,我们有更好的办法,就是做成jQuery的插件.

相信做过长期javascript开发的人都有自己写的JS类,或者至少有一些可重用的代码片断,它们各自分开,需要时将它们用js文件引入即可.jQuery只是将这些功能变成了插件,所以做插件也就成了理所当然的事情,而且这个插件还可以发布出来供很多人使用,另一方面,jQuery目前已经有了很多方便的插件可以直接使用!

所以,我们使用jQuery的方法就是:写插件,用插件.

我想"插件"这个名字给我们很多人的印象就是安装和使用(我也是这样),而制作总是交给插件"作者",jQuery不是这样,插件实际上我觉得可以理解为"jQuery类扩展",从jQuery官方的文档来看,插件也就是在做对jQuery扩展的事情,不要被plugin的字样迷惑了.


写插件,我觉得是使用jQuery的一个基本技术,而不是高级技术,它也并不复杂,从《jQuery中文入门教程_译自Getting Started with jQuery》的第6部分第7部分就谈到了基本的使用和制作插件方法.

下一步,我想从剖析一个插件入手,更深入地体会插件用法.
分享到:
评论

相关推荐

    jquery工作流插件

    在“myflow-min”这个文件中,很可能是包含了压缩版的jQuery工作流插件代码。"min"通常表示这是经过压缩和优化的版本,体积更小,加载更快,适合生产环境使用。在实际项目中,开发者需要将这个文件引入到HTML页面中...

    jQuery1.12.4+jQuery中文手册.rar

    **jQuery 1.12.4 知识点详解** jQuery 是一个广泛使用的JavaScript库,它简化了HTML文档...以上是对jQuery 1.12.4及其相关资源的基本介绍,掌握这些内容,将有助于你在实际开发中熟练运用jQuery,提升前端开发水平。

    jQuery工作流程步骤进度插件

    在实际应用中,ystep与Bootstrap、Material Design等前端框架结合使用,能够创建出符合各种设计风格的工作流程步骤进度条。此外,ystep的轻量化设计使其在性能上表现优秀,即使在移动设备上也能流畅运行。 总之,...

    jQuery v3.7.1.zip

    同时,结合`说明.htm`(如果存在)来学习如何在实际项目中有效使用这些文件,实践是检验理论的最好方式。 总结来说,"jQuery v3.7.1.zip"是一个宝贵的资源,无论你是刚接触前端的新人,还是经验丰富的开发者,都能...

    jquery-3.4.1_jquery_3.4.1.js_jquery-3.4.1_sangat1_jquery3.4.1_jq

    在本篇文章中,我们将深入探讨jQuery 3.4.1这一版本,了解其核心特性以及在实际项目中的应用。 首先,我们来看看标题中的"jquery-3.4.1_jquery_3.4.1.js",这表明我们关注的是jQuery库的3.4.1版本,这是一个稳定且...

    jQuery电子书教会你如何使用jQuery

    书中会详细讲解如何使用CSS选择器、ID选择器、类选择器以及属性选择器等,同时也会介绍如`:first`、`:last`、`:even`等特殊选择器的用法,以便你在实际项目中快速定位到所需元素。 jQuery提供的API丰富多样,包括...

    jsp中使用jquery实现ajax源码

    在JavaServer Pages (JSP) 中使用jQuery来实现AJAX技术是一种常见的做法,它能够使得网页无需刷新即可与服务器进行异步数据交换。本主题主要围绕以下知识点展开: 1. **JSP(JavaServer Pages)**:JSP是Java的一个...

    jquery.base64.js及使用方法

    在本文中,我们将深入探讨Base64编码的概念,以及如何使用jQuery与这个库来实现这一功能。 ### 1. Base64编码基础 Base64是一种将二进制数据转换为可打印字符的方法,广泛应用于电子邮件、图像编码和HTTP请求中。...

    jquery VS中提示插件

    标题“jQuery VS中提示插件”指的是在Visual Studio 2008环境下为jQuery添加代码智能提示功能。这个功能是通过一个名为`jquery-1.4.2-vsdoc.js`的特殊文件实现的。这个文件是jQuery的一个版本,其中包含了用于Visual...

    Jquery1.8.0和jquery1.8中文Api

    然后,通过实际项目练习,掌握如何将这些知识点应用到实际场景中。中文API文档是学习过程中不可或缺的参考资料,它能帮助开发者快速定位问题并找到解决办法。 总结,jQuery 1.8.0作为一款强大且广泛使用的...

    jquery pagination使用(笔记)

    在 `jquery_pagination_sample` 压缩包中,包含了一个简单的示例项目,展示了如何在实际项目中使用 jQuery Pagination。主要包含以下几个部分: - HTML 结构:创建一个分页容器,如 `<div id="pagination"></div>`...

    解决ecshop中使用jquery冲突问题

    标题"解决ecshop中使用jquery冲突问题"指的是如何在 ECShop 环境下,消除 jQuery 与 Prototype 之间的冲突,以便能够安全地使用 jQuery 的功能,特别是利用 jQuery 的 `$.get()` 和 `$.post()` 方法来替换原本使用 ...

    jquery动态生成select工作日列表Workday

    在这个特定的项目中,“jquery动态生成select工作日列表Workday”是利用jQuery来实现一个功能,该功能可以动态地创建一个SELECT元素,并填充每月周一至周五的工作日日期。 首先,我们需要理解“select”元素在HTML...

    jquery-base64加密解密,支持中文

    描述中提到,加密发生在前端,使用`jQuery`,然后解密在后台,可能是Java环境中的Servlet。`jQuery`的`$.ajax`方法用于异步发送HTTP请求,它可以方便地将加密后的数据作为参数传递给服务器。在服务器端,Java提供了...

    jquery实现aes加密,后端php解密

    在jQuery中,可以如下使用crypto-js进行AES加密: ```javascript var key = CryptoJS.lib.WordArray.random(16); // 生成128位随机密钥 var iv = CryptoJS.lib.WordArray.random(16); // 生成128位随机初始化向量 ...

    在Web API中使用jQuery AJAX实现文件上传的例子

    这个例子展示了如何在ASP.NET Web API中使用jQuery AJAX实现文件上传的基本流程。客户端通过AJAX发送文件到服务器,服务器接收文件并进行相应的处理。注意,实际应用中还需要考虑错误处理、文件大小限制、安全问题...

    JQuery教程全集

    ##### 1.1 为什么选择 JQuery? 在《JQuery教程全集》的第一章中,作者首先阐述了为何选择 JQuery 这个 JavaScript 库。随着 Web 开发技术的发展,JavaScript 的使用变得越来越普遍。然而,在没有库或框架的支持下...

    jquery 为什么使用jQuery,优点 可以做什么,

    - **简化JavaScript编码**:在实际开发过程中,纯JavaScript编写往往涉及到大量的DOM操作,这不仅耗时而且容易出错。而jQuery大大简化了这些过程,让开发者能够将更多的精力放在业务逻辑上。 - **提高开发效率**:...

    jQuery.ui.1.7.2中文文档

    通过阅读文档,理解每个组件的工作原理和使用方式,结合实际项目进行练习,你将能熟练掌握这个强大的工具库。 总之,jQuery UI 1.7.2以其丰富的组件和易用性,成为了Web开发者的得力助手。通过深入学习和实践,...

    jquery-confirm按钮显示中文

    注意,为了实现中文按钮,我们需要在`buttons`对象中使用中文字符串作为键。这样,jQuery-confirm会自动根据当前页面的`lang`属性(这里是`zh`)来显示相应的中文翻译。 此外,`.idea`文件夹可能是开发环境中IDE...

Global site tag (gtag.js) - Google Analytics