这些插件很多都包含详细的教程。希望能对大家的开发有帮助。 jQuery 表格插件 ?...Flexigrid – Web 2.0 Javscript Grid for jQuery - 可变列宽,自动适应表头宽度,可通过 Ajax 连接 XML 数据源,类似 Ext Grid,但基于 jQuery...graphTable - 借助 flot 将 HTML 表格中的内容变成图形(演示)。 ? ? DataTables - 非常强大的 jQuery 表格插件,可变宽页码浏览,现场过滤。...多列排序,自动探测数据类型,智能列宽,可从几乎任何数据源获取数据。 ? ?...Tablesorter 2.0 - 将普通的,拥有 THEAD 和 TBODY 标签的表格转换为可排序表格,可以分析多种数据,支持多列排序。 ? ?
提供所有基本的RichText功能,调整文本区域大小,使用AjaxFileUpload插件上传图片,清除HTML标签,标记文本修改,支持多种浏览器(FF1.5+、IE7、IE6)。...jQuery Cycle Plugin Ingrid 这个jQuery DataGrid提供的功能有:可以拖动调整列宽,分页,排序,设置行/列样式等。...Date Picker JQuery.Resizer 一个轻量级jQuery插件用于创建可以拖动调整行高与列宽的表格。...Scrollable tablesorter tablesorter这个jQuery插件能够将带THEAD与TBODY标签的标准HTMLTable转换成一个可排序的表格。...非常感谢Lucian Slatineanu发布的NiceJForm,在他的blog中你可以获得更多信息。 在IE6,IE7,Firefox2.0中测试成功。
--初始化移动浏览显示——平时使用的移动设备是把页面放进一个虚拟的视图:viewport中,一般情况先,这个视口比屏幕宽,这样就不用把每个网页挤到很小的设备屏幕大小中,但是用户浏览需要缩放or左右平移页面才能看清楚...--下面这段代码就是注释了的,因为bootStrap的3.0以后的版本不支持ie7以及以下的版本,如果ie的版本低于ie9的话,也就是针对ie8,在[if it IE 9]之后的两句script中,第一个表示为使...-- jQuery (necessary for Bootstrap's JavaScript plugins) BootStrap中的js插件都依赖于jQuery,因此,jQuery要在BootStrap...以下是加入jquery和bootstrap插件的支持。 --> 插件,必须先调入jQuery--> jquery/1.11.1/jquery.min.js
jQuery展开左右侧栏目插件PageSlide,pageslide插件功能实现现实隐藏侧边栏的功能。...插件可以读取另个一html,也可以是当前页面中的元素,目前比较流行的导航菜单展现形式,特别是在手机端或者触屏页面,效果还是不错的 demo:http://www.jq22.com/jquery-info343...您可以指定列宽或列的静态数量。而且,当然,这很容易使用!Columnizer会将CSS类添加到它创建的列中。每列将有一个“列”类名。第一列将有“第一”,最后一列将有“最后”。...这使您可以更轻松地定位CSS标记中的特定列。 github:https://github.com/adamwulf/Columnizer-jQuery-Plugin ?...创建JSON数据转化为HTML方法 引用jQuery库1.7或更高版本和Columns插件文件,列是将JSON数据创建为可排序,可搜索和分页的HTML表格的简单方法。
1 //使用json中的parser方法转换; 2 3 var str='{"name":"fendouer", "age":23}'; //这是一个json字符串'' 4 var ob...中也有将字符串转为JSON格式的方法jquery.parseJSON( json ),接受一个标准格式的 JSON 字符串,并返回解析后的 JavaScript (JSON)对象。...这只是一种方法,还有几种方法,大家可以看一下: 1) jquery插件支持的转换方式: $.parseJSON( jsonstr ); //jquery.parseJSON(jsonstr), 可以将.../">资源链接:http://www.css88.com/jqapi-1.9/jQuery.parseJSON/ 15 jQuery中也有将字符串转为JSON格式的方法...和ie6也可以使用eval()将字符串转为JSON对象,但不推荐这些方式,这种方式不安全eval会执行json串中的表达式。
更新 http://www.bootcdn.cn/jquery.pjax/ 简介 pjax是一个jQuery插件,使用ajax和pushState技术提供快速的浏览体验与真正的永久链接、网页标题、以及浏览器的后退前进按钮操作...-------------------------------------------------------------------------------------------- 在ajax请求中,...其实对于那些死抱着IE6,IE7 不放的用户,咱也没必要给他们提供这样的用户体验。...方案二:使用jQuery.History.js 对于要兼容IE6、IE7的情况,笔者一直使用jquery.history.js 这个插件(http://plugins.jquery.com/history.../) 这个插件的实现原理和jquery.history.js 完全一样。
最近有用到php的json字符串要转成js对象,以前一直用jq或者eval,又发现了其他的方法,记录下. 1>jQuery插件支持的转换方式: 复制代码代码如下: $.parseJSON( jsonstr...); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 2>浏览器支持的转换方式(Firefox,chrome,opera,safari,ie9,...Javascript支持的转换方式: eval('(' + jsonstr + ')'); //可以将json字符串转换成json对象,注意需要在json字符外包裹一对小括号 注:ie8(兼容模式),ie7...和ie6也可以使用eval()将字符串转为JSON对象,但不推荐这些方式,这种方式不安全eval会执行json串中的表达式。 ...4>JSON官方的转换方式: http://www.json.org/提供了一个json.js,这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()
jQuery展开左右侧栏目插件PageSlide,pageslide插件功能实现现实隐藏侧边栏的功能。...插件可以读取另个一html,也可以是当前页面中的元素,目前比较流行的导航菜单展现形式,特别是在手机端或者触屏页面,效果还是不错的 demo:http://www.jq22.com/jquery-info343...您可以指定列宽或列的静态数量。而且,当然,这很容易使用!Columnizer会将CSS类添加到它创建的列中。每列将有一个“列”类名。第一列将有“第一”,最后一列将有“最后”。...这使您可以更轻松地定位CSS标记中的特定列。...:https://github.com/eisenbraun/columns Columns创建JSON数据转化为HTML方法 引用jQuery库1.7或更高版本和Columns插件文件,列是将JSON
(2)代码实例 (3)优缺点 缺点:低版本浏览器(ie6 ie7 ie8)不支持 5)使用flex+justify-content (1)原理、用法 原理:通过CSS3中的布局利器flex中的justify-content...(2)代码实例 (3)优缺点 优点:flex很强大 缺点:兼容性存在一定问题,性能存在一定问题 两列定宽+一列自适应 (1)原理、用法 原理:这种情况与两列定宽查不多。...(2)代码实例 不定宽+自适应 1)使用float+overflow (1)原理、用法 原理:这种情况与两列定宽查不多。...(2)代码实例 (3)优缺点 缺点:ie6 ie7不支持 3)使用flex (1)原理、用法 原理:通过设置CSS3布局利器flex中的flex属性以达到多列布局,加上给左框中的内容定宽、给右框设置flex...(2)代码实例 (3)优缺点 优点:flex很强大 缺点:兼容性存在一定问题,性能存在一定问题 两列不定宽+一列自适应 (1)原理、用法 原理:这个情况与一列不定宽+一列自适应查不多。
列 根据适用屏幕分成四种类型 A. .col-xs-* a. .col-xs-1 : 在超小屏幕中,占一列的宽(8.33%) b. .col-xs-2 : 在超小屏幕中,占两列的宽(16.66%) c.....col-xs-12 : 在超小屏幕中,占 12 列的宽(100%) B. .col-sm-*:在小型屏幕中 所占列宽数 C. .col-md-*:在中型屏幕中 所占列宽数 D. .col-lg-*:...在大型屏幕中 所占列宽数 ⑤....列宽、在 sm 中 占 6 列宽、在 md 中 占 3 列宽 ⑩....JS 插件.Bootstrap 基于 jQuery ,在 jQuery 基础上提供了十几个插件函数,每个都是一个独立的 JS 文件,可以一次性引入全部的 JS 操作 - bootstrap.js,每个插件函数都有两种调用方式
1.x 版本兼容 IE6、IE7 和 IE8,而 3.x 版本不兼容 IE6、IE7 和 IE8。...在实际开发中,我们建议使用 1.x 版本,而不是 3.x 版本,原因有两个: 1.现在很多网站还是要考虑兼容 IE6~IE8; 2.大多数 jQuery 插件不支持 3.x 版本,只支持 1.x 版本。...在实际开发中,我们一般都是使用压缩版,也就是“jquery.min.js”版本。压缩版经过压缩,体积小很多,这样也可以提高页面加载速度。那么小伙伴们就会问了:“为什么不用开发版呢?”...注意 jQuery 库文件的路径一定要写正确!!! 我们必须先把 jQuery 库文件引入,才能够使用 jQuery 语法。...也就是说,你写的 jQuery 代码必须放在 jQuery 库文件下面才能生效 jQuery 文件,就是一个“外部 JavaScript文件”。
} else { dom['on' + eventName] = callback; } }, 2、不支持classlist,添加polyfill模拟jquery.../static/html5shiv.min.js"> CSS: IE: 1、IE7及以下display: inline-block表现异常,div设置为inline-block显示为block...: 解决方法: display: inline-block; /* IE7及以下的Polyfill */ display: inline-block; *zoom...: 1; *display: inline; 原理:IE7及以下识能别到 *[属性key],利用IE7中inline-block表现为block可以设置宽高,然后利用*zoom触发重排,利用...@media screen and (max-width: $min-width) { min-width: 0px; ... } 原理:IE7中和Android4.3版本也不支持
jQuery官方发布了下一阶段jQuery的路线图,该路线图显示jQuery 1.8将在一个月内发布,而其他后续版本的计划如下: jQuery 1.9 (early 2013): 该版本将移除所有在1.8...版本中废弃的接口,其他一些可能做为插件或者可选API使用,将继续支持IE 6/7/8 jQuery 1.9.x (ongoing in 2013 and beyond): 该版本将持续修复1.9中出现的...bug jQuery 2.0 (early 2013, not long after 1.9): 该版本在API上兼容1.9版本,但不再支持IE 6/7/8 详细的说明请看官方博客:blog.jquery.com...Here is our thinking about the next two versions of jQuery to follow it, and when they’ll arrive: jQuery...such as borked event model, IE7 “attroperties”, HTML5 shims, etc.
,有width/height/max-width/max-height/absolute拉伸 对于单元格td等,还需要table为table-layout:fixed;状态才行 overflow妙用 IE7...内容尺寸超出了容器尺寸的额限制 滚动条的宽度机制 滚动条会占用容器的可用宽度或高度 IE7/Chrome/FireFox(Win7)下都是17像素 滚动条与body/html关系 无论什么浏览器,默认滚动条均来自...自定义滚动条插件 Jquery自定义滚动条, git地址,兼容到ie8+以上浏览器 js滚动高度 Chrome浏览器写法: document.body.scrollTop 其他浏览器: document.documentElement.scrollTop...,同时父元素又有padding-bottom值,那么在非chrome浏览器中,padding-bottom可能不在滚动高度计算范围内。...但是IE6/7 block水平不相识 display:table-cell;包裹性,但是天生无溢出特性,宽度再宽也不会超出父容器。绝对宽度也能自适应。
前言 实际开发工程中,会遇到一些重复的逻辑功能处理或者说是比较繁琐的前端函数。...粗略整理了一下,希望对正在浏览的你有所帮助,也希望帮助新入行的小白们解决一下工作中的负担(毕竟谁都是从小白一步一步走过来的,所经受的苦在座的各位也不必我去言说) 前端工具类库源码(基于jQuery) 使用多年的前端工具类...} var len = num.length; if(len18){ console.log("输入的身份证号码长度不正确定...res = (re15.test(num) || re18.test(num)); if(res==false){ console.log("输入的身份证号格式不正确...= -1){ return true; }else{ console.log("电子邮箱格式不正确"); return
下面我们介绍一下jQuery如何下载与安装? jQuery下载 对于jQuery文件,我们可以到jQuery官网下载。 jQuery文件有两个常用版本:一个是1.x版本,另一个是3.x版本。...1.x版本兼容IE6、IE7和IE8,而3.x版本不兼容IE6、IE7和IE8。...1、在实际开发中,我们建议使用1.x版本,而不是3.x版本,原因有两个: 2、现在很多网站还是要考虑兼容IE6~IE8; 大多数jQuery插件不支持3.x版本,只支持1.x版本。...压缩版是经过高度压缩的,以“jquery.min.js”命名,一般供实际开发者使用。 在实际开发中,我们一般都是使用压缩版,也就是“jquery.min.js”版本。...jQuery学习必备教程 动力节点的jQuery视频带你系统的学习jQuery库,将通过视频讲解以及许多在线实例,学习如何通过使用 jQuery 应用 JavaScript 效果。
认为不需要 jQuery 的理由如下: IE7 及更低版本的浏览器的市场份额已经低到忽略的地步。而用 IE8 及更高版本的浏览器的原生 API 来实现 jQuery 提供的功能并不是很麻烦。...在这些情况下,用 MVVM 的框架是个不错的选择: MVVM 做页面的交互的做法是,在 HTML 中,设置好了 DOM 与数据的关系。当数据改变时,框架会更新 DOM。...认为需要 jQuery 的理由如下 jQuery 的有丰富的插件库。 不少现代的框架依赖 jQuery,如 Bootstrap 的 JS 插件,Ember,Meteor JS。...如果要用那些框架,就不得不用 jQuery。 用 jQuery 比用原生的 API 好学,好用,强大,简洁, 还不需要考虑浏览器兼容性问题。 jQuery 的开发仍在继续中。...3 中的新变动 ---- 本文遵守创作共享CC BY-NC-SA 4.0协议 网络平台如需转载必须与本人联系确认。
一.Json对象与Json字符串的转化 1.jQuery插件支持的转换方式: $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成...Javascript支持的转换方式: eval(‘(‘ + jsonstr + ‘)’); //可以将json字符串转换成json对象,注意需要在json字符外包裹一对小括号 注:ie8(兼容模式),ie7...和ie6也可以使用eval()将字符串转为JSON对象,但不推荐这些方式,这种方式不安全eval会执行json串中的表达式。...4.JSON官方的转换方式: http://www.json.org/提供了一个json.js,这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法
一.Json对象与Json字符串的转化 1.jQuery插件支持的转换方式: $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成...Javascript支持的转换方式: eval('(' + jsonstr + ')'); //可以将json字符串转换成json对象,注意需要在json字符外包裹一对小括号 注:ie8(兼容模式),ie7...和ie6也可以使用eval()将字符串转为JSON对象,但不推荐这些方式,这种方式不安全eval会执行json串中的表达式。...4.JSON官方的转换方式: http://www.json.org/提供了一个json.js,这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()
DataWrapper 在新版本浏览器中可以显示动态图表,而在旧版本浏览器中则显示静态图片。...Page: http://philogb.github.io/jit/index.html 7.jqPlot: jQuery 绘图插件,只支持一些简单的图表,适合不需要自定义样式的情况。...8.jQuery Sparklines: 可生成波形图的jQuery 插件,主要是那些可以嵌在字里行间的小条形图、折线图、面积图。支持大多数浏览器,包括IE6。...9.Peity:jQuery 插件,可生成非常小的条形图、折线图和饼图,只支持较新版本的浏览器。再强调一遍,它能生成非常小又非常精致的小型可视化图表。...Leaflet 支持IE6(勉强)或IE7(好得多),当然还有其他更新版本的浏览器。