jquery权威指南学习笔记

jquery权威指南学习笔记
jquery权威指南学习笔记

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前端开发实战教程》试卷 得分 单选题(每题2分,共计30分) 1.页面中存在可见元素div,代码“if( $("div").show().is(:animated) ){ $("div").hide(1000); }” 的执行效果是() A、元素以动画效果隐藏 B、元素没有任何变化 C、元素无动画效果隐藏 D、元素先以动画效果隐藏,再无动画形式显示 2.关于代码“$.fn.test = function() { };”,下列说法错误的是() A、test方法可以被jQuery对象调用 B、test方法被jQuery对象调用时,this指向调用该方法的jQuery对象 C、在test方法中可以书写代码“return this”来实现链式编程 D、$.fn是jQuery原型对象jQuery.prototype的简写3.jQuery Mobile选择菜单中,当选择菜单中含有多个类别时,可添加()元素,让jQuery Mobile根据此元素中label属性的文本创建含有分割项的选项。 A、label B、optgroup C、select D、option 4.在使用tree组件时,dnd属性和lines属性设置为true分别代表()含义。 A、显示横线条显示竖线条 B、显示竖线条显示横线条 C、表示可拖动表示可拖拽 D、表示可拖动表示显示竖线条 5.下列哪种方法不可以让元素设置为不可见() A、fadeIn B、fadeOut C、fadeTo D、hide 总分题型单选题多选题填空题简答题题分 得分

6.在jQuery Mobile列表视图中,可以将任意大小的图片自动缩放到()像素,展示到列表中。 A、60 B、70 C、80 D、90 7.跟jQuery相继诞生的JavaScript库还有很多,不包括() A、Prototype B、ExtJS C、YUI D、node.js 8.下面选项中this的使用说法正确的是() A、this指向当前元素 B、this可以用来绑定事件 C、this可以获取到所有元素 D、this是一种方法9.使用animate方法实现与代码$("div").fadeIn(600)相同效果的代码写法是() A、$("div").animate({"opacity":"1"}) B、$("div").animate({"opacity":"1"},"fast") C、$("div").animate({"opacity":"1"},600) D、$("div").animate({"opacity":"1"},"normal") 10.从EasyUI网站下载到的“jquery-easyui-1.5.4.2.zip”压缩包解压,保存到“chapter08\ easyui-1.5.4.2”目录中下面说法错误的是() A、locale目录是国际化资源文件包 B、plugins是插件包目录 C、jsrc是源码包目录 D、demo和demo-mobile目录都是样例,没有区别 11.在jQuery事件中,当调整浏览器窗口时触发的事件是()事件。 A、resize() B、change() C、scroll() D、select()

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入门[1]-构造函数 https://www.360docs.net/doc/961231435.html,/archive/2008/03/05/1091816.html jQuery优点 ?体积小(v1.2.3 15kb) ?丰富的DOM选择器(CSS1-3 + XPath) ?跨浏览器(IE6,FF,Safari,Opera) ?链式代码 ?强大的事件、样式支持 ?强大的AJAX功能 ?易于扩展,插件丰富 jQuery的构造函数接收四种类型的参数: jQuery(expression,context) jQuery(html) jQuery(elements) jQuery(fn) 第一种根据表达式(ID,DOM元素名,CSS表达式,XPath表达式)找出文档中的元素,并组装成一个jQuery对象返回。 DEMO: DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.360docs.net/doc/961231435.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd"> jQuery basic title> <style type="text/css"> .selected { background-color:Yellow; } style> <script src="../scripts/jquery-1.2.3.intellisense.js" type="text/javascript">script> head> <body> <h3>jQuery构造函数h3> <ul> <li>jQuery(expression,context)li> <li>jQuery(html)li> <li>jQuery(elements)li> <li>jQuery(fn)li> ul> <script type="text/javascript"></p><h2>jQuery常用方法中文解析</h2><p>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元素</p><p>二、改变结果集 如果选中多个元素,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</p><h2>jQuery前端开发实战教程</h2><p>《前端开发实战教程》试卷 得分 单选题(每题2分,共计30分) 1.页面中存在可见元素,代码“( $("")()() ){ $("")(1000); }”的执行效果是() A、元素以动画效果隐藏 B、元素没有任何变化 C、元素无动画效果隐藏 D、元素先以动画效果隐藏,再无动画形式显示 2.关于代码“$ = () { };”,下列说法错误的是() A、方法可以被对象调用 B、方法被对象调用时,指向调用该方法的对象 C、在方法中可以书写代码“”来实现链式编程 D、$是原型对象的简写3.选择菜单中,当选择菜单中含有多个类别时,可添加()元素,让根据此元素中属性的文本创建含有分割项的选项。 A、 B、 C、 D、 4.在使用组件时,属性和属性设置为分别代表()含义。 A、显示横线条显示竖线条 B、显示竖线条显示横线条 C、表示可拖动表示可拖拽 D、表示可拖动表示显示竖线条 5.下列哪种方法不可以让元素设置为不可见() A、 B、 C、 D、 总分题型单选题多选题填空题简答题题分 得分</p><p>6.在列表视图中,可以将任意大小的图片自动缩放到()像素,展示到列表中。 A、60 B、70 C、80 D、90 7.跟相继诞生的库还有很多,不包括() A、 B、 C、 D、 8.下面选项中的使用说法正确的是() A、指向当前元素 B、可以用来绑定事件 C、可以获取到所有元素 D、是一种方法9.使用方法实现与代码$("")(600)相同效果的代码写法是() A、$("")({"":"1"}) B、$("")({"":"1"},"") C、$("")({"":"1"},600) D、$("")({"":"1"},"") 10.从网站下载到的“1.5.4.2”压缩包解压,保存到“08\ 1.5.4.2”目录中下面说法错误的是() A、目录是国际化资源文件包 B、是插件包目录 C、是源码包目录 D、和目录都是样例,没有区别 11.在事件中,当调整浏览器窗口时触发的事件是()事件。 A、() B、() C、() D、()</p><h2>jQuery Mobile中文手册</h2><p>jQuery Mobile开发入门手册——入门篇 作者:张勇辉更新日期2010-11-03 Blog:https://www.360docs.net/doc/961231435.html,</p><p>目录 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)</p><p>概述 此文档是基于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</p><h2>jqgrid方法-中文</h2><p>jqgrid学习(7)方法 jqGrid的方法,从3.6开始已经完全兼容jQuery UI库。 用法: Java代码 1.<script> 2.... 3.jQuery("#grid_id").jqGridMethod( parameter1,...parameterN ); 4.... 5.</script> grid_id:表格的id;jqGridMethod:用到表格上的方法;parameter1,…parameterN :参数列表 此方法并不是返回请求的数据值而是返回一个jqGrid对象。 Java代码 1.<script> 2.... 3.jQuery("#grid_id").setGridParam({...}).hideCol("somecol").trigger("reloadGrid "); 4.... 5.</script> 如果使用新的API: Java代码 1.<script> 2.... 3.jQuery("#grid_id").jqGrid('method', parameter1,...parameterN ); 4.... 5.</script> grid_id:表格id;jqGrid:表格实例;method:表格支持的方法名; parameter1,...parameterN :参数列表 具体实例:</p><p>Java代码 1.<script> 2.... 3.jQuery("#grid_id").jqGrid('setGridParam',{...}).jqGrid('hideCol',"somecol").t rigger("reloadGrid"); 4.... 5.</script> jqGrid配置使用新的api Java代码 1.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""https://www.360docs.net/doc/961231435.html,/T R/xhtml1/DTD/xhtml1-strict.dtd"> 2.<html xmlns="http://www.w https://www.360docs.net/doc/961231435.html,/1999/xhtml" xml:lang="en" lang="en"> 3.<head> 4.<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5.<title>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.360docs.net/doc/961231435.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.360docs.net/doc/961231435.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插件教程.txt我很想知道,多少人分开了,还是深爱着。ゝ自己哭自己笑自己看着自己闹。你用隐身来躲避我丶我用隐身来成全你!待到一日权在手,杀尽天下负我狗。jQuery 插件开发全解析 jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。 1、类级别的插件开发 类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数,将函数定义于jQuery的命名空间中。关于类级别的插件开发可以采用如下几种形式进行扩展: 1.1 添加一个新的全局函数 添加一个全局函数,我们只需如下定义: jQuery.foo = function() { alert('This is a test. This is only a test.'); }; 调用的时候可以这样写:jQuery.foo(); 或$.foo(); 1.2 增加多个全局函数 添加多个全局函数,可采用如下定义: jQuery.foo = function() { alert('This is a test. This is only a test.'); }; jQuery.bar = function(param) { alert('This function takes a parameter, which is "' + param + '".'); }; 调用时和一个函数的一样的:jQuery.foo(); jQuery.bar(); 或者$.foo(); $.bar('bar'); 1.3 使用jQuery.extend(object); jQuery.extend({ foo: function() { alert('This is a test. This is only a test.'); }, bar: function(param) { alert('This function takes a parameter, which is "' + param +'".'); } }); 调用时和一个函数的一样的:jQuery.foo(); jQuery.bar(); 或者$.foo(); $.bar('bar'); 1.4 使用命名空间 虽然在jQuery命名空间中,我们禁止使用了大量的javaScript函数名和变量名,通过

jQuery课程设计

课程设计报告 课程名称: jQuery基础教程 课程设计名称: jQuery个人空间 系部名称:中印计算机软件学院 姓名学号:周在峰201301070001 张敏20101070032 陈慧君201301070031班级:13应用一班 成绩: 指导教师:刘效伟 开课时间:2014-2015学年第二学期

摘要 近年来,随着网上个人空间的兴起,越来越多的人开始关注这项新的网络交流方式,越来越多的人开始拥有自己的个人空间就定义而言,Blog的全文名字是Web log,中文意思是“网络日志”,是一种通常由个人管理、不定期张贴新的文章的网站。一个典型的个人空间结合了文字、图像、其他个人空间或网站的链接、及其它与主题相关的媒体。利用个人空间,人们可以简便迅速的将自己的生活经历、感想、个人图片、所见所闻的事件等等向外界展示,并及时的与评论者进行交流互动。个人空间作为一种新的生活、学习、工作方式,已经被越来越多的人所接受,成为时下最流行的网络交流工具。 个人空间“网络日志”的本质决定了其固有的几种表现形式,如日志、相册、分享、留言互动区等等。同时,作为一种典型的个人网站,个人空间的各种表现方式也展现了博主个人的风格,更体现了个人空间个性化与多样化的特征。设计一个个人空间网站能充分运用到我们动态网页设计课程所学习的知识,在实现网站几个基本功能的前提下,学以致用,展现出自己独特的风格。 关键词: jQuery;个人空间;动态网站

目录 一、网站设计的流程 (1) 二、项目背景及发展趋势 (1) 2.1背景 (1) 2.2 发展趋势 (1) 三、项目需求 (2) 四、总体设计 (3) 4.1 设计目标 (3) 4.2设计风格、色彩搭配 (3) 4.3设计原则 (4) 五、网站概述 (5) 5.1网站主题结构 (5) 5.1.1 网站主要栏目说明 (5) 5.2 主要页面截图 (5) 六、总结 (10) 6、1 学习总结 (10) 6、2心得体会 (10) 七、参考文献 (10)

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

相关文档
最新文档