当前位置:首页>开发>正文

什么是jquery插件?有什么用? 怎么加入jQuery插件

2023-04-15 08:52:04 互联网 未知 开发

 什么是jquery插件?有什么用? 怎么加入jQuery插件

什么是jquery插件?有什么用?

jquery 插件就是一些人用jquery写的一些工具,常见的是jquery UI和jquery easyui,我们在调用时只需要用很少的代码就能实现很好的效果。如easyui的datagrid、combobox、tree等可以实现表格、下拉框、树等形状及需要的操作。
附:easyui官网
http://www.jeasyui.com/
可以在网站里面下载demo、观看一些特效、下载插件js等

怎么加入jQuery插件

在html中引入jquery插件的方法有以下两种:
1:CDN引入,在head标签中加入下列代码
 

 
2:本地引入,这种方法要求本地有jquery.js:

 

 
jquery可以到其官网下载,官网地址是www.jquery.com

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器。推荐使用CDN,许多用户在访问其他站点时,已经从其他加载过 jQuery。所有结果是,当他们访问您的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。同时推荐使用百度CDN,因为其他的比如谷歌和微软的CDN不可用!

怎么实现jQuery的插件amd化

Require.js中使用jQuery 插件

虽然jQuery的支持AMD的API, 这并不意味着jQuery插件也是和AMD兼容的。
一般的jQuery 插件格式:

复制代码代码如下:
(function ($) {
$.fn.myPlugin = function () {
//你自己的插件代码
}
})(jQuery)

不过稍微修改一下就可以使用Require.js加载一个jQuery插件:

复制代码代码如下:

(function (factory) {
if (typeof define === "function" && define.amd) {
// AMD模式
define([ "jquery" ], factory)
} else {
// 全局模式
factory(jQuery)
}
}(function ($) {
$.fn.jqueryPlugin = function () {
//插件代码
}
}))

最新文章

随便看看