jquery如何封装 jquery封装插件自定义方法

如何封装jquery插件

类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数，将函数定义于jQuery的命名空间中。

目前创新互联公司已为成百上千家的企业提供了网站建设、域名、网页空间、网站托管、服务器托管、企业网站设计、河源网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

要使用 fn 属性创建一个新 jQuery 插件，只需要为 fn 属性分配一个插件名，并将其指向一个充当构造函数的新函数，类似于纯 JavaScript。

在插件内部，this指向的是当前通过选择器获取的jQuery对象；而一般的方法如click()方法，内部的this指向的是DOM元素。

编写插件的目的是给已经有的一系列方法或函数做一个封装，以便在其他地方重复使用，提高开发效率和方便后期维护。在编写jQuery插件的时候，我们一般会遵循一些约定：jQuery插件推荐命名为：jquery.插件名.js。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。

相对于$.ajax()函数来说，$.post()函数更加简单和方便，但是只能通过POST的方式将数据参数提交到你需要虚拟访问的php文件。

首先，我们下来介绍$.ajax。该方法是 jQuery 底层 AJAX 实现。通常的语法为： $.ajax([settings])//settings是$.ajax()方法的参数，是用于配置 Ajax 请求的键值对集合。

jQuery 底层 AJAX 实现。简单易用的高层实现见 .get，.post 等。.ajax()返回其创建的XMLHttpRequest对象。大多数情况下你无需直接操作该对象，但特殊情况下可用于手动终止请求。

jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象。

(this)是将当前don对象转换成jquery对象；一般定义jquery变量习惯$开头，提高可读性而已。(this)是把DOM对象封装成jquery对象，其相当于一个集合。

选取DOM元素 jQuery的核心是通过各种选择器，选中DOM元素，可以用querySelectorAll方法模拟这个功能。

首先来看看什么是选择器。//根据id获取jQuery对象 var jQueryObject=$(#testDiv)；上例中使用了id选择器，选取id为testDiv的DOM对象并将它放入jQuery对象，最后返回了一个jQuery对象。

关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。

jQuery获取元素不管一个还是多个都是返回一个数组即将获取的元素放在一个数组对象中。

本文标题：jquery如何封装 jquery封装插件自定义方法
文章起源：http://6mz.cn/article/dijgiis.html