当前位置:文档之家› Python3.3中文官方入门指南

Python3.3中文官方入门指南

Python3.3中文官方入门指南
Python3.3中文官方入门指南

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.nicescroll 中文API

jQuery.NiceScroll 一个模仿ios/mobile滚动条风格美化浏览器滚动条的jQuery插件。NiceScroll初始化声明文档 1、简单模式,使用默认样式。 $(document).ready(function() { $("html").niceScroll(); }); 2、作为实例和对象返回 var nice = false; $(document).ready(function() { nice = $("html").niceScroll(); }); 3、设置光标颜色 $(document).ready(function() { $("#thisdiv").niceScroll({cursorcolor:"#00F"}); }); 4、Div包裹,由两个div组成,第一个是包裹div,第二的才是滚动div $(document).ready(function() { $("#viewportdiv").niceScroll("#wrapperdiv",{cursorcolor:"#00F"}); }); 5、获取nicescroll对象

var nice = $("#mydiv").getNiceScroll(); 6、隐藏滚动条 $("#mydiv").getNiceScroll().hide(); 7、检查滚动条大小变化(当窗口大小变化时滚动条跟着变化) $("#mydiv").getNiceScroll().resize(); 8、滚动到指定位置 $("#mydiv").getNiceScroll(0).doScrollLeft(x, duration); // 沿X轴滚动 $("#mydiv").getNiceScroll(0).doScrollTop(y, duration); // 沿Y轴滚动 参数一:滚动距离,正数X轴向右滚动、Y轴向下滚动,负数反之。 参数二:滚动持续时间 9、配置参数 $("#thisdiv").niceScroll({ cursorcolor:"#424242", // 设置光标颜色 cursoropacitymin:0, // 设置非活动状态光标透明度,取值范围0-1,默认为0。 cursoropacitymax:1, //设置活动状态光标透明度,取值范围0-1,默认为1。cursorwidth:"5px", //设置光标宽度 cursorborder:"1px solid #fff",// 设置光标边框 cursorborderradius:"5px", //设置光标圆角,默认5px zindex:"auto" | , // 设置滚动条的层数值 scrollspeed:60, //滚动速度,单位秒 mousescrollstep:40, //每次滚动距离 touchbehavior:false, //设置触摸滑动。默认值false hwacceleration:true, //使用硬件加速滚动支持 boxzoom:false, // 设置是否可以放大容器,默认值false dblclickzoom:true, //双击放大/缩小容器(当boxzoom为true有效)。默认值为true gesturezoom:true, // 是否支持手指缩进或放大容器(当boxzoom为true并且在touch设备上)

jQuery常用方法中文解析

jQuery常用方法中文解析 jQuery设计思想 【目录】 一、选择网页元素 二、改变结果集 三、链式操作 四、元素的操作:取值和赋值 五、元素的操作:移动 六、元素的操作:复制、删除和创建 七、工具方法 八、事件操作 九、特殊效果 一、选择网页元素 jQuery的基本设计和主要用法,就是"选择某个网页元素,然后对其进行某种操作"。这是它区别于其他函数库的根本特点。使用jQuery的第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中的元素。选择表达式可以是CSS选择器: $(document) //选择整个文档对象 $('#myId') //选择ID为myId的网页元素 $('div.myClass') // 选择class为myClass的div元素 $('input[name=first]') // 选择name属性等于first的input元素 也可以是jQuery特有的表达式: $('a:first') //选择网页中第一个a元素 $('tr:odd') //选择表格的奇数行 $('#myForm :input') // 选择表单中的input元素 $('div:visible') //选择可见的div元素 $('div:gt(2)') // 选择所有的div元素,除了前三个 $('div:animated') // 选择当前处于动画状态的div元素

二、改变结果集 如果选中多个元素,jQuery提供过滤器,可以缩小结果集: $('div').has('p'); // 选择包含p元素的div元素 $('div').not('.myClass'); //选择class不等于myClass的div元素 $('div').filter('.myClass'); //选择class等于myClass的div元素 $('div').first(); //选择第1个div元素 $('div').eq(5); //选择第6个div元素 有时候,我们需要从结果集出发,移动到附近的相关元素,jQuery也提供了在DOM树上的移动方法: $('div').next('p'); //选择div元素后面的第一个p元素 $('div').parent(); //选择div元素的父元素 $('div').closest('form'); //选择离div最近的那个form父元素 $('div').children(); //选择div的所有子元素 $('div').siblings(); //选择div的同级元素 三、链式操作 选中网页元素以后,就可以对它进行某种操作。jQuery允许将所有操作连接在一起,以链条的形式写出来,比如: $('div').find('h3').eq(2).html('Hello'); 分解开来,就是下面这样: $('div') //找到div元素 .find('h3') //选择其中的h3元素 .eq(2) //选择第3个h3元素 .html('Hello'); //将它的内容改为Hello 这是jQuery最令人称道、最方便的特点。它的原理在于每一步的jQuery操作,返回的都是一个jQuery对象,所以不同操作可以连在一起。jQuery还提供了.end()方法,使得结果集可以后退一步: $('div').find('h3').eq(2).html('Hello').end() //退回到选中所有的h3元素的那一步.eq(0) //选中第一个h3元素.html('World'); //将它的内容改为World

jQuery Mobile中文手册

jQuery Mobile开发入门手册——入门篇 作者:张勇辉更新日期2010-11-03 Blog:https://www.doczj.com/doc/4517225322.html,

目录 jQuery Mobile开发入门手册——入门篇 (1) 概述 (3) 框架特性 (3) 版本约定 (3) 初始配置 (4) 页面声明 (4) 技术理论 (4) WebKit 和HTML5 (4) 移动Web 应用程序的考虑 (5) 一般站点的呈现 (5) 组件 (7) 页面 (7) 模态对话框 (8) 工具条 (9) 标题容器 (9) 页脚容器 (10) 导航 (11) 按钮 (11) 表单应用 (13) 列表应用 (14)

概述 此文档是基于jQuery Mobile框架的移动设备Web应用开发知识而编制,目的是为了方便开发人员快速的掌握此框架的开发应用,其中包含了框架的基础应用知识和在团队协作开发中的常规约定。 框架特性 JQuery Mobile以“Write Less, Do More”作为目标,为所有的主流移动操作系统平台提供了高度统一的UI框架:jQuery的移动框架可以让你为所有流行的移动平台设计一个高度定制和品牌化的Web应用程序,而不必为每个移动设备编写独特的应用程序或操作系统。 jQuery Mobile目前支持的移动平台有苹果公司的iOS(iPhone,ipad,iPod Touch),Android,Black Berry OS6.0,惠普WebOS,Mozilla的Fennec和Opera Mobile。今后,将增加包括Windows Mobile,Symbian和MeeGo在内的更多移动平台。 根据jQuery Mobile项目网站,目前jQuery Mobile的特性包括: ?jQuery核心——与jQuery桌面版一致的jQuery核心和语法,以及最小的学习曲线。?兼容所有主流的移动平台——iOS、Android、BlackBerry,Palm WebOS、Symbian、Windows Mobile、BaDa、MeeGo以及所有支持HTML的移动平台。 ?轻量级alpha版本的jQuery Mobile 其JavaScript 大小仅为12KB ,CSS 文件也只有6KB大小。 ?标记驱动的配置jQuery Mobile采用完全的标记驱动而不需要JavaScript的配置。 ?渐进增强jQuery Mobile采用完全的渐进增强原则:通过一个全功能的HTML网页,和额外的JavaScript功能层,提供顶级的在线体验。这意味着即使移动浏览器不支持JavaScript,基于jQuery Mobile的移动应用程序仍能正常的使用。 ?自动初始化通过使用mobilize()函数自动初始化页面上的所有jQuery部件。 ?无障碍包括WAI-ARIA在内的无障碍功能以确保页面能在类似于VoiceOver等语音辅助程序和其他辅助技术下正常使用。 ?简单的API 为用户提供鼠标、触摸和光标焦点简单的输入法支持。 ?强大的主题化框架jQuery Mobile提供强大的主题化框架和UI接口。 版本约定 为了避免由于版本不统一等引发的问题,在此次撰写中对框架的版本进行了如下约定:jQuery核心:V 1.50 Mobile核心:V 1.0 ALPHA 3

jqgrid方法-中文

jqgrid学习(7)方法 jqGrid的方法,从3.6开始已经完全兼容jQuery UI库。 用法: Java代码 1. grid_id:表格的id;jqGridMethod:用到表格上的方法;parameter1,…parameterN :参数列表 此方法并不是返回请求的数据值而是返回一个jqGrid对象。 Java代码 1. 如果使用新的API: Java代码 1. grid_id:表格id;jqGrid:表格实例;method:表格支持的方法名; parameter1,...parameterN :参数列表 具体实例:

Java代码 1. jqGrid配置使用新的api Java代码 1. 2. 3. 4. 5.My First Grid 6. 7. 8. 9. 10. 11. 12. 15. 16. 17. 18. 19.... 20. 21. 要注意 Java代码

jQuery1.7.1_API中文手册

jQuery1.7.1API手册 本文基于jQuery1.7.1版本,是对官方API的整理和总结,完整的官方API见https://www.doczj.com/doc/4517225322.html,/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对象之后,调用其上的各种方法,来进行操作。这一步反而是比较简单的了。 后面就是对jQuery框架各种方法的简要介绍,更详细的内容,还是以官方API为准 1、$(...)

Jquery优势介绍

Jquery优势介绍 1、轻量级 JQuery非常轻巧,采用Dean Edwards编写的Packer压缩后,大小不到30KB,如果使用Min版并且在服务器端启用Gzip压缩后,大小只有18KB。 2、强大的选择器 JQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及JQuery独创的高级而且复杂的选择器,另外还可以加入插件使其支持XPath选择器,甚至开发者可以编写属于自己的选择器。由于JQuery支持选择器这一特性,因此有一定CSS经验的开发人员可以很容易的切入到JQuery的学习中来。 3、出色的DOM操作的封装 JQuery封装了大量常用的DOM操作,使开发者在编写DOM操作相关程序的时候能够得心应手。JQuery轻松地完成各种原本非常复杂的操作,让JavaScript新手也能写出出色的程序。 4、可靠的事件处理机制 JQuery的事件处理机制吸收了JavaScript专家Dean Edwards编写的事件处理函数的精华,是的JQuery在处理事件绑定的时候相当可靠。在预留退路、循序渐进以及非入侵式编程思想方面,JQuery也做得非常不错。 5、完善的Ajax JQuery将所有的Ajax操作封装到一个函数$.ajax()里,使得开发者处理Ajax的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题。 6、不污染顶级变量 JQuery只建立一个名为JQuery的对象,其所有的函数方法都在这个对象之下。其别名$也可以随时交流控制权,绝对不会污染其他的对象。该特性是JQuery可以与其他JavaScript库共存,在项目中放心地引用而不需要考虑到后期的冲突。

web前端 - Jquery

WEB前端-JQuery 2009.4 Louis

目录 第一章JQuery概述 (3) 第二章JQuery选择器 (10) 第三章JQuery中的DOM操作 (15) 第四章JQuery中的事件和动画 (19) 第五章JQuery对表单、表格的操作 (21) 第六章JQuery与Ajax的应用.............................. 错误!未定义书签。第七章插件的使用和写法................................... 错误!未定义书签。第八章实例 .. (22)

第一章JQuery概述 1.1 JQuery概述 随着Web2.0的兴起,JavaScript越来越受到重视。 但Javascript存在的三个弊端:复杂的文档对象模型(DOM),不一致的浏览器实现,缺乏便捷的开发、调试工具 因此一系列JavaScript库也蓬勃发展起来。从早期的Prototype、Dojo到2006年的jQuery,再到2007年Ext JS。可以发现,互联网正在掀起一场JavaScript风暴。在这场风暴中,jQuery以其独特优雅的姿态,始终处于这场风暴的中心,受到越来越多的人的追捧 1.2 JS框架对比 1.2.1 Prototype Prototype算是最早成型的JavaScript库之一,它对JavaScript的内置对象(如String对象、Array对象等)做了大量的扩展。现在还有很多项目使用它,但这很大程度上是由于以前项目用了,现在不得不继续沿用。它可以看做是把很多好的、有用的JavaScript的方法组合在一起而形成的JavaScript库,你甚至可以在你需要的时候随时将其中的几段代码抽出来放进自己的脚本里。但也正是由于它成型年代早,从整体上对于面向对象的编程思想把握并不是很到位,导致了结构的松散。不过现在它也在慢慢改进。 1.2.2 Dojo Dojo强大之处在于它提供了很多其它JavaScript库所没有提供的功能。比如离线存储的API、生成图标的组件、基于SVG/VML的矢量图形库和Comet支持等等。它是一款非常适合企业级应用的JavaScript库,

jquery.form.js中文API

jquery.form.js中文API 关键字: jquery.form.js 英文原文:https://www.doczj.com/doc/4517225322.html,/jquery/form/#api 表单插件API提供了几个方法,让你轻松管理表单数据和进行表单提交。 ajaxForm 增加所有需要的事件监听器,为AJAX提交表单做好准备。ajaxForm不能提交表单。在document的ready函数中,使用ajaxForm来为AJAX提交表单进行准备。ajaxForm接受0个或1个参数。这个单个的参数既可以是一个回调函数,也可以是一个Options对象。 可链接(Chainable):可以。 实例: Java代码 1$('#myFormId').ajaxForm(); ajaxSubmit 马上由AJAX来提交表单。大多数情况下,都是调用ajaxSubmit来对用户提交表单进行响应。ajaxSubmit接受0个或1个参数。这个单个的参数既可以是一个回调函数,也可以是一个Options对象。 可链接(Chainable):可以。 实例: Java代码 2// 绑定表单提交事件处理器 3$('#myFormId').submit(function() { 4 // 提交表单 5 $(this).ajaxSubmit(); 6 // 为了防止普通浏览器进行表单提交和产生页面导航(防止页面刷新?)返回false 7return false; 8});

formSerialize 将表单串行化(或序列化)成一个查询字符串。这个方法将返回以下格式的字符串:name1=value1&name2=value2。 可链接(Chainable):不能,这个方法返回一个字符串。 实例: Java代码 9var queryString = $('#myFormId').formSerialize(); 10 11// 现在可以使用$.get、$.post、$.ajax等来提交数据 12$.post('myscript.php', queryString); fieldSerialize 将表单的字段元素串行化(或序列化)成一个查询字符串。当只有部分表单字段需要进行串行化(或序列化)时,这个就方便了。这个方法将返回以下格式的字符串:name1=value1&name2=value2。 可链接(Chainable):不能,这个方法返回一个字符串。 实例: Java代码 13var queryString = $('#myFormId .specialFields').fieldSerialize(); fieldV alue 返回匹配插入数组中的表单元素值。从0.91版起,该方法将总是以数组的形式返回数据。如果元素值被判定可能无效,则数组为空,否则它将包含一个或多于一个的元素值。 可链接(Chainable):不能,该方法返回数组。 实例: Java代码

JQuery DataGrid 中文文档

JQuery DataGrid的例子在附件里面,下面给出Jquery DataGrid 的中文文档。Name Type Description Default null title string The datagrid panel title text. DataGrid 的面板标题文字。 iconCls string A CSS class that will provide a null background image to be used as the header icon. 一个CSS类,将提供一个背 景图片作为标题图标。 true border boolean True to show datagrid panel border. 真 到DataGrid中显示面板的边界。 auto width number The width of datagrid width. 宽度的 DataGrid的宽度。 auto height number The height of datagrid height. 该数据 网格的高度的高度。 columns array The datagrid columns config object, see null column properties for more details. DataGrid的列的配置对象,看到更多的细 节列属性。 null frozenColumns array Same as the columns property, but the these columns will be frozen on left. Columns属性相同,但将这些列左冻结。 striped boolean True to stripe the rows. True 条纹行。false post method string The method type to request remote data. 该方法要求远程数据类型。 nowrap boolean True to display data in one line. 真 true 正显示在同一行数据。 idField string Indicate which field is an identity null field. 说明哪些字段是一个标识字段。

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])

JQuery深刻理解

JQuery深刻理解 一:导言 有些WEB开发者,会引用一个JQuery类库,然后在网页上写一写$("#"),$("."),写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人,直到有一次公司里的技术交流,我才改变了自己对自己的看法。 二:普及JQuery知识 知识1:用JQuery写插件时,最核心的方法有如下两个: $.extend(object) 可以理解为JQuery 添加一个静态方法。 $.fn.extend(object) 可以理解为JQuery实例添加一个方法。 基本的定义与调用: /* $.extend 定义与调用 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ $.extend({ fun1: function () { alert("执行方法一"); } }); $.fun1(); /* $.fn.extend 定义与调用 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ $.fn.extend({ fun2: function () { alert("执行方法2"); } }); $(this).fun2(); //等同于 $.fn.fun3 = function () { alert("执行方法三"); } $(this).fun3(); 知识2:jQuery(function () { }); 与(function ($) { })(jQuery);的区别: jQuery(function () { }); //相当于 $(document).ready(function () { }); /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ (function ($) { })(jQuery); //相当于 var fn = function ($) { }; fn(jQuery);

jquery中文说明

jquery ui是jquery官方推出的配合jquery使用的用户界面组件集合!包含了许多的界面操作功能,如我们常用的表格排序,拖拽,TAB选项卡,滚动条,相册浏览,日历控件,对话框等JS插件~~可以很方便的开发用户界面上的功能,使得您的开发工作事半功倍~~不用写繁琐的JS代码~ 下载地址:https://www.doczj.com/doc/4517225322.html,/download 下载后会发现里面有很多的JS文件,也有DOME,您可以一一演示,现在,我介绍一些常用的UI库的使用 基本的鼠标互动: 拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing) 各种互动效果: 手风琴式的折叠菜单(accordions)、日历(date pickers)、对话框(dialogs)、滑动条 (sliders)、表格排序(table sorters)、页签(tabs) 放大镜效果(magnifier)、阴影效果(shadow) 第一部分:鼠标交互 1.1 Draggables:拖拽 所需文件: ui.mouse.js ui.draggable.js ui.draggable.ext.js 用法:文件载入后,可以拖拽class = “block”的层 1. $(document).ready(function(){ 2. $(".block").draggable(); 3. }); draggable(options)可以跟很多选项 选项说明:https://www.doczj.com/doc/4517225322.html,/UI/Draggables/draggable#options 选项实例:https://www.doczj.com/doc/4517225322.html,/view/trunk/plugins/ui/tests/draggable.html

jQuery的起点教程(PDF版)

以下部分为原文翻译: jQuery入门指南教程 这个指南是一个对jQuery库的说明,要求读者了解HTML(DOM)和CSS的一些常识。它包括了一个简单的Hello World的例子,选择器和事件基础,AJAX、FX的用法,以及如何制作jQuery的插件。这个指南包括了很多代码,你可以copy它们,并试着修改它们,看看产生的效果。 内容提要

Hello jQuery 在做所有事情之前,我们要让jQuery读取和处理文档的DOM,必须尽可能快地在DOM载入后开始执行事件,所以,我们用一个ready事件作为处理HTML文档的开始.看看我们打开的custom.js这个文件,里面已经准备好了:

$(document).ready(function(){ //do stuff when DOM is ready }); 放一个简单的alert事件在需要等DOM完成载入,所以我们把任务稍稍变复杂一点:在点击任何一个链接时显示一个alert. $(document).ready(function(){ $("a").click(function(){ alert("Hello world!"); }); }); 这样在你点击页面的一个链接时都会触发这个"Hello world"的提示。 (译者Keel注:请照此代码修改custom.js并保存,然后用浏览器打开starterkit.html观察效果。) 让我们看一下这些修改是什么含义。$("a")是一个jQuery选择器(selector),在这里,它选择所有的a标签(译者Keel注:即),$号是jQuery“类”(jQuery"class")的一个别称,因此$()构造了一个新的jQuery对象(jQuery object)。函数click()是这个jQuery对象的一个方法,它绑定了一个单击事件到所有选中的标签(这里是所有的a标签),并在事件触发时执行了它所提供的alert方法. 这里有一个拟行相似功能的代码: Link 不同之处很明显,用jQuery不需要在每个a标签上写onclick事件,所以我们拥有了一个整洁的结构文档(HTML)和一个行为文档(JS),达到了将结构与行为分开的目的,就像我们使用CSS追求的一样. 下面我们会更多地了解到选择器与事件. 本章的相关链接:

jquery-easyui中文详细说明文档完整

Jquery easyui 使用说明 1. Layout 布局 (1) 1.1. 样图 (1) 1.2. 示例代码 (1) 2. tabs面板 (3) 2.1. 样图 (3) 2.2. 示例代码 (3) 3. jQuery EasyUI 提示框(Messager)用法 (4) 3.1. 样图 (5) 3.2. 示例代码 (5) 4. 分页(Pagination)用法 (6) 4.1. 样图 (6) 4.2. 示例代码 (6) 5. jQuery EasyUI 对话框(Dialog)用法 (7) 5.1. 示例图片 (8) 5.2. 示例代码 (8) 6. jQuery EasyUI 窗口(Window)用法 (9) 6.1. 样图 (9) 6.2. 示例代码 (9) 7. jQuery EasyUI 验证框(ValidateBox)用法 (10) 7.1. 样图 (10) 7.2. 示例代码 (10) 8. jQuery EasyUI 数字框(NumberBox)用法 (11) 8.1. 样图 (12) 8.2. 示例代码 (12) 9. DataGrid (12) https://www.doczj.com/doc/4517225322.html,yout 布局 1.1. 样图 Usage Markup 在div 里面加载布局的方法:class="easyui-layout" 布局面板必需要有一个'center' 面板. 1.2. 示例代码

jquery教程

一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本文是实战篇. 使用jQueryUI完成制作网站的大部分常用功能. 二.前言 经过公司内部收集, 整理了一些经常使用javascript实现的功能. 实现这些功能的主角不是让人眼花缭乱的jQuery插件, 而是jQuery UI. 如果你还在为了一个小小的特效而去下载并安装插件, 发现Bug还没有人替你解决. 记住插件是我们没有办法的最后选择. 使用插件有太多的坏处: 1.不利于维护 2.增加页面大小 3.不利于成员间交流共享,具有学习成本. 4.不够健壮, 不能保证插件版本一直更新并修复所有问题. 下面就引入今天的主角:jQuery UI 三.jQuery UI jQuery UI 是jQuery 的一部分, 是在jQuery之上的一套专门用于UI交互的类库. 使用jQuery UI可以实现底层交互, 各种高级特效, 动画, 并且可定制主题. 我们可以用它轻松的构建高度交互的Web应用程序. 官方首页: https://www.doczj.com/doc/4517225322.html,/ 下载: https://www.doczj.com/doc/4517225322.html,/download 示例和文档: https://www.doczj.com/doc/4517225322.html,/demos/ 皮肤: https://www.doczj.com/doc/4517225322.html,/themeroller/ jQuery UI 的在线网站十分强大. 首先就是在下载时可以组装自己想要的功能定制下载:

并且针对各种控件不仅提供了详细的参数说明和实例, 还可以随时更换实例的皮肤: 本文主要讲解实例, 大家可以通过实例代码快速上手jQuery UI. 使用jQuery UI我们可以再不借助其他插件的情况下完成大部分页面应用, 说其是一个官方的超级UI插件也不为过. 包含所有功能的jQuery UI类库文件为188K, 启用Gzip压缩后是45K. 虽然较大但是一次加载全网站获益.而且45K大小在当今的互谅网时代还算可以接受. 目前还没有jQuery UI的中文教程. 因为本文是实战篇, 所以不会仔细讲解基础内容. 在后面的章节中我会加入jQuery UI的基础教程.争取成为中文jQuery UI第一教程. 四. 准备工作 我将所有相关的文件, 包括各种类库文件, Theme模板放置在如下路径: https://www.doczj.com/doc/4517225322.html,/JSLib/ 此路径开通了目录浏览, 可以直接查找需要的文件. 目录组织结构按照本系列: (八) 插播:jQuery实施方案中介绍的方案组织. 另外也可以从Google上引用文件, Google的CDN速度更快也更有保证, 参见: Google's CDN 本文的实例的所有引用都使用WebConfig.ResourceServer 这个属性: public class WebConfig { public static string ResourceServer = @"https://www.doczj.com/doc/4517225322.html,/";}五.弹出层对话框 弹出框是最常用最实用的功能. 先来看一下艺龙网上的一些应用场景. 1. 艺龙网应用场景举例 (1) 静态提示类弹出层. 弹出层的内容是固定的. (2) 动态提示类弹出层. 弹出层内容是根据事件源变化的. (3)遮罩类弹出层. 弹出时背景变灰并不可点击. 2. 应用实例 使用jQuery UI 的Dialog 组件. 我以轻松实现上面三种效果.

jquery-ajax中文乱码

结论: jquery 1.3.2 ajax对编码问题进行过部分(见后面补充1 )处理,解决方案以jsp 为例子: ajax提交数据给jsp:ajax所在页面无任何要求,jsp页面需作两方面处理。 1.<%@page contentType="application/json" pageEncoding="UTF-8"%>或<%@page contentType="application/json" pageEncoding="gb2312"%> 2.处理request.setCharacterEncoding("UTF-8") 详细说明: 之所以会乱码,原因很简单,两个人对话的时候,a说中文,b用英文接受,于是乎乱码矣!所以当出现乱码搞清楚谁是a谁是b很重要,然后a说话的时候让b知道应该用什么语言接收,或者b以固定的方式接收,a用b接收的语言去说,这样就万事ok了。所以下面分成两部分去分析。一个是ajax单纯获取网页信息的情况,一个是ajax单纯往jsp等提交数据的情况,细的来说,这里种情况有分两种情况即post和get ajax单纯抓取网页 a:请求的页面,b:jquery ajax 这里为什么a是请求的页面,而b是jquery ajax呢?虽然是ajax向页面要东西,但是也可以理解为a(页面)要告诉ajax的内容是什么,于是乎a说,我告诉你 b(jquery ajax),我的内容是......并且内容的语言是gb2312的,你来接受吧。于是b就根据他的编码格式接收了a的内容,于是就没乱码了。看一下下面的表格

首先说明,上面说的页面编码,是指文件字符编码,而不是html里面标签内的charset=gb2312。根据以上数据显示:ajax抓去网页的时候,乱码问题与当前页面(ajax所在页面)无关。 对于普通的html文件,乱码不在于当前ajax所页面而在于被抓去的页面,如果被抓取的页面为gb2312就必须在文件头声明:pageEncoding="gb2312", ajax单纯提交数据到jsp页面(post) a:ajax, b:jsp 提交数据的时候,jquery使用ajax方法,type: "post",data:{test:"hello你好"},jsp页面:pageEncoding="gb2312"/pageEncoding="UTF-8"都可以,根据具体返回的需要了。这里建议大家debug的时候看变量是否乱码,因为如果看jsp页面,实际上又增加了一个编码过程 ajax单纯提交数据到jsp页面(get) 这里需要注意,type: "get",的时候,由于涉及到url的编码问题(详细见下面的参考文章:深入浅出URL编码),所以需要在jsp接收数据的时候加下面这句:request.setCharacterEncoding("UTF-8"); 注意这里一定要是UTF-8,而pageEncoding参数无论是UTF-8还是gb2312都可以。(因为这个pageEncoding主要对请求后返回的内容编码起作用)而对于java web开发, request.setCharacterEncoding("UTF-8")(注:根据“深入浅出URL编码”这个设置应该针对post设置而不是get,但在我测试的时候这样设置的确在post的时候不需要而get的时候就可解决乱码问题。)可以使用filter,或者struts2进行全局解决,根据网上的说法,好像还可以设置tomcate的配置解决这个问题。

相关主题
文本预览