JQUERY客户端脚本使用说明书
JQuery客户端脚本框架使用说明书
制作人制作时间修改人修改时间修改内容版本
V1.0
于浩2011-8-
26
一简介
jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。
当然jQuery本身包含很多东西，例如说对事件的处理、对Ajax的处理、以及对UI 的处理等很多很多的内容；同时利用开发的插件也包含很多类别，例如导航类、分页类、提示框类、编辑器类、表格类、验证类、图表类、Form相关类、上传类、事件日期类、虚拟键盘类等等。
此处所封装的内容十分有限，甚至有些内容只是介绍了相关的用法。
如想了解JQuery 更多的知识，请参考相关资料。
JQuery框架主要包含三部分内容：
1：JQuery Ajax的使用。
2：JQUery校验框架的使用。
3：JQuery文件上传。
版本：《JQuery 1.5.1》。
二具体内容分析
2.1ajax的使用
由于对JQuery Ajax部分未作任何封装，所以在使用jQuery时只需要引入jquery-1.5.1.min.js即可。
这里只对ajax的使用做简单的介绍。
关于ajax的使用请大家注意三点：
1：get方式请求最好加上时间戳，以免浏览器缓存对请求造成的影响。
2：如果请求的字符串中含有中文字符，在某些浏览器下是否会出现中文乱码。
由于不同工程的编码方式不一致，以及浏览器的多样性，在这里很难提供一种完全解决方案，对于出现的具体问题，需要具体的解决方案。
3：post方式请求参数的值应该通过对应的取值方式获取，(例如struts1系列通过form 内封装属性，给予set、get方法。
然后在action中取值。
Struts2需要在action中提供属性与set、get方法。
).
2.1.1$.ajax的用法
形式：jQuery.ajax([options])
注：此方法也包含一些其他参数此处不做说明。
可参考《JQuery1.5.1中文API》。
2.1.2load的用法
形式：load(url,[data],[callback])
2.1.3$.get的用法
形式：jQuery.get(url,[data],[callback],[type])
2.1.4$.post的用法
形式：jQuery.post(url,[data],[callback],[type])
对于$.getJSON的用法与$.getScript的用法此处不做讲解。
2.1.5全局Ajax事件
以下示例说明其执行顺序：
了解了事件的执行顺序更有利于我们对Ajax的处理。
2.2JQuery校验
首先此框架是由“validator”框架改进而成，因此同样需要“jQuery”基本
库文件做支持。
所需js类库jquery-1.5.1.min.js、validator-1.1.js。
方法简介：
checkNull checkNull:检查是否为空。
checkEmail checkEmail:检查email。
checkWebAddr checkWebAddr:检查网址填写格式。
checkEN checkEN:检查是否为英文。
checkCH checkCH:检查是否为汉字。
checkLimit checkLimit(int,int):检查输入数字是否在规定范围内。
checkMaxLength chekcMaxLength(int):最大长度。
checkMinLength checkMinLength(int):最小长度。
checkPwd checkPwd(id):比较两次输入内容是否一致。
checkInteger checkInteger:检查输入内容是否为整数(含负)。
checkDigits checkDigits:检查输入内容是否为正整数(含0)。
checkAlphanum checkAlphanum:检查输入内容是否为英文或数字。
checkIp checkIp:检查Ip(无端口号)填写格式。
checkIpAndPort chekcIpAndPort:检查Ip填写格式。
(端口号可有可无) checkMobile checkMobile:检查手机号码填写格式。
checkPhone checkPhone:检查座机类电话号码填写格式。
checkMobileOrPhone checkMobileOrPhone:检查手机或电话号码填写格式。
checkCustomize checkCustomize(regex):传入条件进行检查。
regex:自定义正则表达式。
使用实例:
全局校验，提交表单。
2.3upload文件
JQuery上传文件采用的是JQuery的uploadify插件。
能够实现带进度条效果，并能够实现多文件上传。
具体实现过程
一：工程内引入
1：jquery.uploadify-v2.1.4包下的所有文件；
2：封装的fileupload.js；
3：jquery-1.5.1.min.js
注意：这里jquery.uploadify.v2.1.4.js已经修改过，原文件的所有提示均为英文提示，并且当文件名过长的时候不能完全显示文件名称，此处修改为所有提示为中文提示，并且当文件名称过长时显示的形式为“文件名称…”当鼠标滑动到文字上时会显示全部文字。
二：代码如下
1：页面js的引入2：后台处理类的编写。
jquery.cookie使用方法(中文详细版)
jquery.cookie使用方法一个轻量级的cookie插件，可以读取、写入、删除cookie。
jquery.cookie.js的配置首先包含jQuery的库文件，在后面包含jquery.cookie.js的库文件。
使用方法新添加一个会话cookie：创建一个cookie并设置有效时间为7天:创建一个cookie并设置cookie的有效路径：读取cookie：删除cookie，通过传递null作为cookie的值即可：相关参数的解释定义cookie的有效时间，值可以是一个数字（从创建cookie时算起，以天为单位）或一个Date对象。
如果省略，那么创建的cookie是会话cookie，将在用户退出浏览器时被删除。
默认情况：只有设置cookie的网页才能读取该cookie。
定义cookie的有效路径。
默认情况下，该参数的值为创建cookie的网页所在路径（标准浏览器的行为）。
如果你想在整个网站中访问这个cookie需要这样设置有效路径：path: '/'。
如果你想删除一个定义了有效路径的cookie，你需要在调用函数时包含这个路径:$.cookie('the_cookie', null, { path: '/' });。
默认值：创建cookie的网页所拥有的域名。
默认值：false。
如果为true，cookie的传输需要使用安全协议（HTTPS）。
默认值：false。
默认情况下，读取和写入cookie的时候自动进行编码和解码（使用encodeURIComponent编码，decodeURIComponent解码）。
要关闭这个功能设置raw: true即可。
jquery使用方法
jquery使⽤⽅法jQuery是⽬前使⽤最⼴泛的javascript函数库。
据统计，全世界排名前100万的⽹站，有46%使⽤jQuery，远远超过其他库。
微软公司甚⾄把jQuery作为他们的官⽅库。
对于⽹页开发者来说，学会jQuery是必要的。
因为它让你了解业界最通⽤的技术，为将来学习更⾼级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。
⼀、选择⽹页元素jQuery的基本设计和主要⽤法，就是"选择某个⽹页元素，然后对其进⾏某种操作"。
这是它区别于其他函数库的根本特点。
使⽤jQuery的第⼀步，往往就是将⼀个选择表达式，放进构造函数jQuery()(简写为$)，然后得到被选中的元素。
选择表达式可以是CSS选择器：1 $(document)//选择整个⽂档对象2 $('#myId')//选择ID为myId的⽹页元素3 $('div.myClass')//选择class为myClass的div元素4 $('input[name=first]')//选择name属性等于first的input元素也可以是jQuery特有的表达式：1 $('a:first')//选择⽹页中第⼀个a元素2 $('tr:odd')//选择表格的奇数⾏3 $('#myForm :input')//选择表单中的input元素4 $('div:visible') //选择可见的div元素5 $('div:gt(2)')//选择所有的div元素，除了前三个6 $('div:animated')//选择当前处于动画状态的div元素⼆、改变结果集如果选中多个元素，jQuery提供过滤器，可以缩⼩结果集：1 $('div').has('p'); //选择包含p元素的div元素2 $('div').not('.myClass'); //选择class不等于myClass的div元素3 $('div').filter('.myClass'); //选择class等于myClass的div元素4 $('div').first(); //选择第1个div元素5 $('div').eq(5); //选择第6个div元素有⼀些时候，我们需要从结果集出发，移动到附近的相关元素，jQuery也提供了在DOM树上的移动⽅法：1 $('div').next('p'); //选择div元素后⾯的第⼀个p元素2 $('div').parent(); //选择div元素的⽗元素3 $('div').closest('form'); //选择离div最近的那个form⽗元素4 $('div').children(); //选择div的所有⼦元素5 $('div').siblings(); //选择div的同级元素三、链式操作选中⽹页元素以后，就可以对它进⾏某种操作。
jquery用法
jquery用法jQuery是一种广泛应用于网页开发的JavaScript库，它极大地简化了HTML 文档遍历、事件处理、动画设计等常见的客户端脚本操作。
下面是jQuery的一些常见用法:1.选择器: jQuery提供了许多选择器来获取HTML元素，如元素选择器、id选择器、class选择器、属性选择器、伪类选择器、层次选择器等。
以下是一些常见的选择器：•('#element')：选择具有特定ID的元素•('.class')：选择具有特定类的元素•('input[type=“text”]')：选择特定类型的表单元素•('div:first')：选择第一个div•('ul li').eq(2)：选择ul下的第二个li元素2.事件处理: jQuery使得添加和处理事件变得容易。
以下是一些常见的事件处理函数：•click()：单击元素时触发•dblclick()：双击元素时触发•mouseenter()：鼠标移入元素时触发•mouseleave()：鼠标移出元素时触发•keydown()：按下键盘上的键时触发3.属性: jQuery提供了完善的属性操作，可以改变和获取元素的属性，例如：•attr(): 获取或设置元素的属性值•removeAttr(): 删除元素的属性值•prop(): 获取或设置元素的属性值，与attr()不同之处在于property值不会随着属性值的改变而改变4.动画效果: jQuery内置了一些动画效果，可以使网页更加动态。
以下是一些常见的动画效果：•fadeIn()：淡入元素，即从不可见到可见•fadeOut()：淡出元素，即从可见到不可见•slideDown()：向下展开元素•slideUp()：向上收缩元素•animate()：通过改变元素的CSS属性来创建自定义的动画效果5. AJAX: jQuery内置了AJAX的方法，可以在不刷新网页的情况下从服务器获取数据。
jquery中$.ajax（）方法使用详解
jquery中$.ajax（）⽅法使⽤详解1.url说明：发送请求的地址（默认为当前页⾯），要求是String类型的参数，⽐如是.net下，"~wexin(控制器)/getweinxinmenu(动作)"，2.type说明：请求⽅法(post或者get)，默认是get，要求是String类型的参数。
其他的htpp请求如（put、delete）等也⽀持，但是要浏览器⽀持3.timeout说明：设置请求超时时间（毫秒），要求是number类型的参数。
此设置将覆盖$.ajaxSetup()⽅法的全局设置。
4.async说明：默认值为true，所有请求是异步，要求是Bool类型的参数，如果需要发送同步请求，将此项设置为false。
注意：同步时浏览器会被锁住。
5.cache说明：默认为true(当datatype为script时，默认为false)从浏览器缓存中加载请求信息，要求是Bool类型的参数。
6.data说明：发送到服务器的数据，要求是Object或string类型的参数。
如果已经不是字符串，将⾃动转换为字符串格式。
get请求中将附加在url 后。
防⽌这种⾃动转换，可以查看 processData选项。
对象必须为key/value格式，例如{foo1:"bar1",foo2:"bar2"}转换为&foo1=bar1&foo2=bar2。
如果是数组，JQuery将⾃动为不同值对应同⼀个名称。
例如{foo:["bar1","bar2"]}转换为&foo=bar1&foo=bar2。
7.dataType:说明：预期服务器返回的数据类型，要求为String类型的参数。
如果不指定，JQuery将⾃动根据http包mime信息返回responseXML或responseText，并作为回调函数参数传递。
jQuery1.7.1_API中文手册
jQuery1.7.1API手册本文基于jQuery1.7.1版本，是对官方API的整理和总结，完整的官方API见/browser/0、总述jQuery框架提供了很多方法，但大致上可以分为3大类：获取jQuery对象的方法、在jQuery 对象间跳转的方法，以及获取jQuery对象后调用的方法其中第一步是怎样获取jQuery对象。
大致来说，是通过最核心的$()方法，将页面上的元素（或者在页面上不存在的html片段）包装成jQuery对象。
$()方法里面支持的语法又包括3大类，分别是表达式（包括类表达式.，id表达式#，元素表达式等）、符号（包括后代符号space，next符号+等）、过滤器（包括:过滤器和[]过滤器）。
通过以上3种的组合，“查询”得到想要操作的元素或者元素集合，作为$()的参数，得到jQuery 对象（或者jQuery对象的集合）第二步是在jQuery对象间的跳转。
也就是说，已经得到了一个jQuery对象，但是并不是想要的，那么可以通过一系列的跳转方法，比如parent()、next()、children()、find()等，或者过滤筛选的方法，比如eq()、filter()、not()等，来得到最终想要操作的jQuery对象。
用跳转和过滤方式得到的jQuery结果，往往通过比较复杂的表达式组合，可以达到同样的目的。
比如说$("div").eq(3)，也可以用$("div:eq(3)")达到同样的目的。
又比如说$("div").find("span")，可以用$("div span")取到同样的元素。
方法是很灵活的，要根据具体的情况来选择。
一般来说，HTML页面写得越规范，使用jQuery 就越简单还有一种情况，在得到了jQuery()对象之后，想要判断其是否满足条件，那么可以调用is()、hasClass()等方法，返回一个boolean值，进行后续的判断。
jQuery插件pagination参数使用说明
jQuery插件pagination参数使用说明（转）jQuerypaginationjQuery插件pagination参数使用说明本周用了很多时间在这上面，终于搞出来了一个中文的。
jQuery插件pagination参数使用说明使用pagination的形式如下：$("#News-Pagination").pagination(122, {items_per_page:20,callback:loadContents});第一个数122指总共的条数，从{}开始是pagination自定义的一些参数。
Callback：当点击链接的时候此函数被调用，此函数接受两个参数，新一页的id和pagination 容器（一个DOM元素）。
如果回调函数返回false，则pagination事件停止执行。
current_page：pagination被初始化时显示哪一页。
Default: 0items_per_page：每一页显示多少条纪录，最大值为总的记录条数。
Default: 10link_to：点击页面工具条要链接的位置，用””括起来。
Default:#。
num_display_entries：如上图所示，此值控制如图1-5的个数。
Default: 10。
如果设置为2，则显示为：num_edge_entries：同理，此属性控制省略号后面的个数。
Default: 0。
如果设为5，显示如下：next_text：设置next的名字。
Default: ``Next``。
next_show_always：当设置为false时，只有当页数可以增加时，next链接才显示出来。
比如到了30页，没有下一页了，则next不显示。
Default: trueprev_show_always：这个同next_show_always是一样的，控制prev是否显示。
Default: true prev_text：设置prev的名字。
jquery教程
JQUERY教程JQUERY简介jquery库的新特性：jquery是一个javascript的函数库，它包含以下特性：html元素选取、html元素操作、css操作、html事件函数、javascript特效和动画、html dom遍历和修改、ajax、utilites 向页面中添加jquery库。
Jquery库位于一个javascript文件中，其中包含了所有的jquery 函数，可以通过以下标记把jquery添加到页面中：注意：<script>标签应该位于页面的<head>部分Jquery的实例：hide()函数，隐藏了html中所有的<p>标签效果：页面会出现三段字和一个按钮，当点击按钮时，<p>标签里边的字将自动隐藏库的代替：Google和Microsoft对jquery的支持都很好。
如果不从自己的计算机上加载jquery库，可以从Google和Microsoft加载CDNjquery的核心文件使用Google的CDN：使用Microsoft的CDN：Jquery语法通过jQuery，您可以选取（查询，query）HTML 元素，并对它们执行“操作”（actions）。
Jquery语法实例$(this).hide(); 演示jquery hide（）函数，隐藏当前的html元素$(“#this”).hide(); 演示jquery hide（）函数，隐藏id为test的元素$(“p”).hide(); 演示jquery hide（）函数，隐藏所有p标签元素$(“.this”).hide(); 演示jquery hide（）函数，隐藏class为test的元素Jquery语法基础语法是$(selector).action();美元符号定义jquery，选择符（selector）查询和查找html元素，jquery的action（）执行对元素的操作例如：$(“p”),hide(); 隐藏所有段落$(“p.test”).hide(); 隐藏所有class为test的段落等提示：jQuery使用的语法是XPath与CSS 选择器语法的组合。
Jquery Jqgrid使用手册
一、电子信息技术 (2)（一）软件.................................................................................................... 错误！未定义书签。
（二）微电子技术 ...................................................................................... 错误！未定义书签。
（三）计算机及网络技术 ............................................................................ 错误！未定义书签。
（四）通信技术............................................................................................ 错误！未定义书签。
（五）广播电视技术 .................................................................................. 错误！未定义书签。
（六）新型电子元器件 ................................................................................ 错误！未定义书签。
（七）信息安全技术 .................................................................................... 错误！未定义书签。
（八）智能交通技术 .................................................................................... 错误！未定义书签。
jquery dialog用法
jquery dialog用法
jQuery Dialog 是一个用于弹出模态对话框的插件，它可以让你在HTML 文件中插入任何内容，最常用的用法是显示消息和提醒。
基本用法：
1、实例化：首先你要为对话框添加一个【div】容器：
<div id="dialog"title="消息框">。
这里是要显示的内容。
</div>。
2、初始化：然后在你的脚本中引入jQuery和jquery-ui，在你的脚
本中初始化对话框：
$('#dialog').dialog(。
autoOpen: false,。
width: 400,。
modal: true。
});。
3、打开：在你的脚本中打开对话框，只需要调用open方法：
$('#dialog').dialog(‘open’)；
4、关闭：使用close方法可以关闭对话框：
$('#dialog').dialog(‘close’)；
5、自定义事件：你可以为对话框添加一些自定义的事件处理函数：
$('#dialog').dialog(。
beforeClose: function()。
alert('要关闭对话框吗？');。
}。
});。
以上就是关于jQuery dialog的用法，它可以让你轻松快捷地创建一个模态对话框。
jQuery 1.4中文文档
jQuery 1.4中文文档按照惯例，我们提供了两份jQuery的拷贝，一份是最小化的(我们现在采用Google Closure作为默认的压缩工具了)，一份是未压缩的(供纠错或阅读)。
∙jQuery压缩(23kb Gzipped)∙jQuery常规(154kb)另外，Google也在他们的服务器上放置了一份jQuery的拷贝。
这份拷贝会自动的最小化然后压缩–并且放在Google最快的缓存服务器上。
∙/ajax/libs/jquery/1.4/jquery.min.js你可以在你的站点上直接引用上面的URL，这样就可以享受迅速加载jQuery的性能优势了。
就jQuery1.4来说，我们努力的减少大规模升级中的麻烦–通过保持所有public函数的签名。
即使如此，还请通读可能会造成问题的变更列表，这样能够了解哪些变更可能会给你的应用造成问题。
(功能) Features下面的内容概括了jQuery1.4里加入的变更和功能。
另外所有的变更都已经在jQuery 1.4 的文档里记录了。
热门方法经过了性能上的大”检修”不少比较热门的和常用的jQuery方法在1.4里被重写了。
(译注:重写了方法的内部，外部调用没有大幅度改变) 我们分析源码的时候发现我们能够获得大幅的性能提升，通过把jQuery和自己比较: 查看内部函数被调用了多少次，然后努力降低源码的复杂度(译注:计算机算法中的Complexity)View the cropped chart.在1.4版里我们显著的降低了大部分热门jQuery方法的的复杂度。
更易用的设置函数(Easy Setter Functions)算来已经有一阵了，你们已经可以给.attr()传递一个函数，然后这个函数的结果会被用来赋给相应的HTML属性(attribute)上。
这个功能现在被移植到所有的设置函数了: .css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), .befor e(), .after(), .replaceWith(), .wrap(), .wrapInner(), .offset(), .addClass (), .removeClass(), 以及.toggleClass().另外, 对于下面几个方法，当前的值会被作为第2个变量传递给这个函数。