jquery插件下载官网(用jquery做一个插件代码)
大家好，jquery插件下载官网相信很多的网友都不是很明白，包括用jquery做一个插件代码也是一样，不过没有关系，接下来就来为大家分享关于jquery插件下载官网和用jquery做一个插件代码的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！
怎么加入jQuery插件
在html中引入jquery插件的方法有以下两种：
1：CDN引入，在head标签中加入下列代码
<head>
<scriptsrc=""></script>>
</script>
</head>2：本地引入,这种方法要求本地有jquery.js：
<head>
<scriptsrc="jquery.js"></script>>
</script>
</head>jquery可以到其官网下载，官网地址是www.jquery.com;
JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库，它兼容CSS3，还兼容各种浏览器。推荐使用CDN,许多用户在访问其他站点时，已经从其他加载过 jQuery。所有结果是，当他们访问您的站点时，会从缓存中加载 jQuery，这样可以减少加载时间。同时，大多数 CDN都可以确保当用户向其请求文件时，会从离用户最近的服务器上返回响应，这样也可以提高加载速度。同时推荐使用百度CDN，因为其他的比如谷歌和微软的CDN不可用！
如何快速入门jQuery Flexigrid 表格插件
Flexigrid是一个类似于Ext Gird，但基于jQuery开发的Grid。它具有的功能包括：可以调整列宽，合并列标题，分页，排序，显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。
本文重点介绍如何入门使用
工具/原料
Flexigrid插件包
eclipse/Myeclipse/Visual Studio
方法/步骤
1
百度搜索jQuery Flexigrid表格插件官网，进入之后如图
点击官网DownLoad进入Flexigrid的GitHub主页，下载插件包
解压刚刚下载插件包，查看目录：
README.md里面介绍了当前版本的一些特性和证书等信息
Css目录存放该插件需要的样式表，
Js目录存放插件的js文件
Demo即为作者提供的一些使用例子
使用：
(1)在插件包中自带了，几个例子，读者可以借鉴下:里面介绍了不同数据格式（如：JSON，XML）如何绑定到flexgrid表格中，具体参考源代码学习
(2)如何根据自定义需求向表格中插入数据及控件
下面给出一个简单例子：需求如下图
步骤：a、利用eclipse/Myeclipse或Visual Studio(具体用什么工具根据喜好，也可以只用文本编辑器)创建一个web工程
b、工程中添加jquery插件，Flexigrid插件
c、新建TestFlexigrid.html页面进行编辑,html代码为：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test Flexigrid</title>
<link rel="stylesheet" type="text/css" rel="external nofollow" href="js/flexigrid/css/flexigrid.css">
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/flexigrid/js/flexigrid.js"></script>
</head>
<body onload="init();">
<table id="tb_account1">
</table>
</body>
</html>
js部分代码：
<script>
function init(){
$('#tb_account1').flexigrid({
'url': false
,'width': 500
,'dataType':'json'
,'colModel': [
{'display':'Name','name':'Name','width': 100,'sortable': false,'align':'left','dataAlign':'left'}
,{'display':'Age','name':'Age','width': 100,'sortable': false,'align':'left','dataAlign':'left'}
,{'display':'Option','name':'Option','width': 300,'sortable': false,'align':'left','dataAlign':'left'}
]
,'resizable': false
,'striped': true
,'singleSelect': true
,'showToggleBtn': false
,'minheight': 30
,'height': 150
,'preProcess': function(data){
return data;
}
,'doDbClick': function(){
}
});
var tbData1={'total': 1,'rows': []};
for(var i= 0; i< 4; i++){
tbData1['rows'].push({'cell': ["name","10","<button>Add</button><button>Modify</button>"]});
}
$('#tb_account1').flexAddData(tbData1);
}
</script>
最终界面显示效果如下；
以上仅简单介绍Flexigrid插件下载使用，在实际应用中会根据具体业务要求做调整，读者可自行深入研究
jQuery的使用方法
使用步骤如下：
1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。
2.然后我们来开始编辑HTML界面代码。
3.使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。
4.接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码
好了，文章到这里就结束啦，如果本次分享的jquery插件下载官网和用jquery做一个插件代码问题对您有所帮助，还望关注下本站哦！