JQUERY客户端脚本使用说明书

合集下载

jquery.cookie使用方法(中文详细版)

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使⽤⽅法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用法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()方法使用详解

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.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参数使用说明

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库的新特性: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使用手册

Jquery Jqgrid使用手册

一、电子信息技术 (2)(一)软件.................................................................................................... 错误!未定义书签。

(二)微电子技术 ...................................................................................... 错误!未定义书签。

(三)计算机及网络技术 ............................................................................ 错误!未定义书签。

(四)通信技术............................................................................................ 错误!未定义书签。

(五)广播电视技术 .................................................................................. 错误!未定义书签。

(六)新型电子元器件 ................................................................................ 错误!未定义书签。

(七)信息安全技术 .................................................................................... 错误!未定义书签。

(八)智能交通技术 .................................................................................... 错误!未定义书签。

jquery dialog用法

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 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个变量传递给这个函数。

Jquery Jqgrid使用手册

Jquery Jqgrid使用手册

一、jqGrid学习jqGrid学习之------------- 安装jqGrid安装很简单,只需把相应的css、js文件加入到页面中即可。

按照官网文档:*/myproject/css/oui.jqgrid.csso/ui-lightness/+/images/+jquery-ui-1.7.2.custom.css*/myproject/js/o/i18n/+grid.locale-bg.js+list of all language files+….oChanges.txtojquery-1.3.2.min.jsojquery.jqGrid.min.js目录结构如上。

在页面中写法:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="/1999/xhtml" xml:lang="en" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>My First Grid</title><link rel="stylesheet" type="text/css" media="screen" href="css/ui-lightness/jquery-ui-1.7.1.custom.css" /><link rel="stylesheet" type="text/css" media="screen" href="js/src/css/ui.jqgrid.css" /><link rel="stylesheet" type="text/css" media="screen" href="js/src/css/jquery.searchFilter.css" /><style>html, body {margin: 0;padding: 0;font-size: 75%;}</style><script src="js/jquery-1.3.2.min.js" type="text/javascript"></script><script src="js/src/grid.loader.js" type="text/javascript"></script></head><body>...</body></html>需要说明的是,jquery-ui的字体大小与jqgrid字体大小不一致,故需要在页面上在加上一段style来指定页面上文字大小。

jquery_详细中文说明教学文档

jquery_详细中文说明教学文档

目录部分常用方法速查 (2)选择器 (2)表单选择器 (4)属性 (5)节点匹配 (6)文本处理 (12)Css (13)事件 (15)动画效果 (18)Ajax (20)其他 (24)Ajax (24)1. load( url, [data], [callback] ) (24)2. jQuery.get( url, [data], [callback] ) (25)3. jQuery.post( url, [data], [callback], [type] ) (26)4. jQuery.getScript( url, [callback] ) (27)5. jQuery Ajax 事件 (27)6. jQuery.ajax( options ) (29)7. jQuery.ajaxSetup( options ) (31)8. serialize() 与serializeArray() (31)1部分常用方法速查$()如果()内是css选择器:找到相应的节点包装成JQuery对象DOM对象:直接包装成JQuery对象一段HTML代码:先创建DOM对象,再包装成JQuery对象$("<div></div>").appendTo($(obj))返回jQuery$(#id)根据给定的ID匹配一个元素。

返回jQuery$(element)根据给定的元素名匹配所有元素返回Array<Element(s)>$(.class)根据给定的类匹配元素。

返回Array<Element(s)>$(*)匹配所有元素返回Array<Element(s)>$(selector1,selector2,selectorN)将每一个选择器匹配到的元素合并后一起返回。

返回Array<Element(s)>选择器parent > child取得<div>下的所有<span>子节点$("div > span")返回Array<Element(s)>:first选取所有<div>元素中第一个<div>元素$("div:first")返回jQuery:last选取所有<div>元素中最后一个<div>元素$("div:last")返回jQuery:not(Selector)选取所有class不是mytest的<div>元素$("div:not(.mytest)")返回Array<Element(s)>:even查找表格的偶数行,从0开始计数$("tr:even")返回Array<Element(s)>:odd查找表格的奇数行,从0开始计数$("tr:odd")返回Array<Element(s)>:eq(index)匹配一个给定索引值的元素,从0开始计数$("tr:eq(1)")返回Array<Element(s)>:gt(index)匹配所有大于给定索引值的元素,从0开始计数$("tr:gt(0)")返回Array<Element(s)>:lt(index)匹配所有小于给定索引值的元素,从0开始计数$("tr:lt(2)")返回Array<Element(s)>:animated选取当前正在执行动画的所有元素$(":animated")返回Array<Element(s)>:contains(string)选取所有文本内容包含“关键词”的<div>元素$("div:contains('关键词')")返回Array<Element(s)>:has查找所有含有<p>子元素的<div>父元素$("div:has(p)")返回Array<Element(s)>:empty选取所有空<div></div>的元素$("div:empty")返回Array<Element(s)>:visible查找所有可见元素$("tr:visible")返回Array<Element(s)>[attribute = value]选取文本输入框的input元素$("input[type=text]")返回Array<Element(s)>[attribute != value]选取所有不是hidden的input元素,注意,没有type属性的input也会被选取$("input[type!=hidden]")返回Array<Element(s)>[attribute ^= value]选取开头为mailto:的所有a链接$("a[href^='mailto']")返回Array<Element(s)>[attribute $= value]选取所有结尾为.jpg的img图片$("img[src$='.jpg']")返回Array<Element(s)>表单选择器:input查找所有的input元素(包括input, textarea, select和button)$(":input")返回Array<Element(s)>:password查找所有密码框$(":password")返回Array<Element(s)>:text查找所有单行文本框$(":text")返回Array<Element(s)>:radio查找所有单选按钮$(":radio")返回Array<Element(s)>:checkbox查找所有复选框$(":checkbox")返回Array<Element(s)>:checked查找所有选中的checkbox, radio$("input:checked")返回Array<Element(s)>:selected查找所有选中的选项元素$("select:selected")返回Array<Element(s)>属性attr(key) attr(key,value)设置一个属性的值HTML:<img src="test.jpg"/>jQuery:$("img").attr("src");Result:test.jpg返回jQueryremoveAttr(key)删除一个属性HTML:<img src="test.jpg"/>jQuery:$("img").removeAttr("src");Result:[<img /> ]返回jQueryaddClass(class)追加指定的类名HTML:<p>Hello</p>jQuery:$("p").addClass("selected highlight");Result:[ <p class="selected highlight">Hello</p> ] 如果要替换样式,用attr() 返回jQueryremoveClass()移除样式Html:<p class="red">你最喜欢的是?</p>JQuery:$("p").removeClass("red");Result:<p >你最喜欢的是?</p>可以同时移除多个样式:$("p").removeClass("red bold");或者全部移除样式:$("p").removeClass();返回jQuerytoggleClass()如果节点存在该样式,则移除,不存在,则追加$("p").toggleClass("blue");返回jQueryhasClass(class)判断节点是否存在该样式,返回布尔值$("p").hasClass("blue"); 该方法等价于:$("p").is(".blue"); 返回jQueryhtml()取得或设置文本内容类似innerHTML()仅可用于html文档返回String/jQuerytext()取得或设置文本内容类似innerText()可以用于html和xml文档返回String/jQueryval()取得或设置input文本框的值Html:<input type="text" id="searchbox" value="搜索的内容…" /> JQuery:$("searchbox").focus(function(){if(this.val()=="搜索的内容…"){this.val("")}});$("searchbox").blur(function(){if(this.val()==""){this.val(this.defaultValue)}});this.defaultValue 表示input文本框的默认value通过val()还能做到将表单多选框,checkbox,radio事先选中:$(":checkbox").val(["check2","check3"]);$(":radio").val(["radio2"]);返回String/Array节点匹配each(callback)为每一个匹配的元素执行一个函数迭代两个图像,并设置它们的src 属性注意此处this 指代的是DOM 对象而非jQuery 对象HTML:<img/><img/>jQuery:$("img").each(function(i){this.src = "test" + i + ".jpg";});Result:[ <img src="test0.jpg" />, <img src="test1.jpg" /> ]返回jQuerysize()/length获取对象中元素的个数$("img").size();$("img").length;返回Numberindex([subject])匹配的元素,并返回相应元素的索引值,从0开始计数HTML:<ul><li id="foo">foo</li><li id="bar">bar</li><li id="baz">baz</li></ul>jQuery:$('li').index($('#bar')); //1$('li').index($('li:gt(0)')); //1$('#bar').index('li'); //1$('#bar').index(); //1返回Numberget()/get(index)get():以数组形式取得所有匹配的节点集合get(index) :index存在则从中选择某一个DOM节点HTML:<img src="test1.jpg"/><img src="test2.jpg"/>jQuery:$("img").get(0);Reslut:[ <img src="test1.jpg"/> ]返回Array<Element>/ Elementeq(index)以对象形式获取第index个元素,位置从0算起获取匹配的第二个元素HTML:<p> This is just a test.</p><p> So is this</p>jQuery:$("p").eq(1)Result:[ <p> So is this</p> ]补充 .get(index)和.eq(index)的区别.get(index)返回的是一个html数组.eq(index)返回的是一个Jquery对象$("ul li").get(1).css("color", "red");//这个是错误的$("ul li").eq(1).css("color", "red");//这个是正确的同理将JQuery对象转换为DOM对象可以使用get alert一个非JQuery对象,如:var $cr = $("#cr");var cr = $cr.get(0);alert(cr.checked);返回jQueryfirst()获取匹配的第一个元素$('li').first() 等价于$('li:first')返回jQuerylast()获取匹配的最后一个元素$('li').last() 等价于$('li:last')返回jQueryfilter(fn)筛选出与指定函数返回值匹配的元素集合保留子元素中不含有ol的元素。

Jquery UI dialog 详解 (中文)

Jquery UI dialog 详解 (中文)

Jquery UI dialog 详解(中文)1 属性1.11 autoOpen ,这个属性为true的时候dialog被调用的时候自动打开dialog窗口。

当属性为false的时候,一开始隐藏窗口,知道.dialog("open")的时候才弹出dialog窗口。

默认为:true。

1.12 初始化例:请注意,$('.selector')是dialog 的类名,在本例中.selector=#dialoag,以后不再说明。

$('.selector').dialog({ autoOpen: false });1.13 初始化后,得到和设置此属性例://获得var autoOpen = $('.selector').dialog('option', 'autoOpen');//设置$('.selector').dialog('option', 'autoOpen', false);1.21 bgiframe 默认为false ,When true, the bgiframe plugin will be used, to fix the issue in IE6 where select boxes show on top of other elements, regardless of zIndex. Requires including the bgiframe plugin. Future versions may not require a separate plugin.在IE6下,让后面那个灰屏盖住select。

1.22 初始化例:$('.selector').dialog({ bgiframe: true });1.23 初始化后,得到和设置://获取var bgiframe = $('.selector').dialog('option', 'bgiframe');//设置$('.selector').dialog('option', 'bgiframe', true);1.31 buttons 显示一个按钮,并写上按钮的文本,设置按钮点击函数。

jquery的使用方法

jquery的使用方法

jquery的使用方法jQuery作为一种常用的JavaScript库,其强大的功能和简化代码的方便性让其成为前端开发者中的首选。

以下是在项目中常见的jQuery使用方法的分步骤阐述:1. 引入jQuery库在HTML文件的<head>区域中使用script标签引入jQuery库,通常我们是从官网下载一个jquery-x.x.x.js文件,在引用时需要写正确的路径。

2. jQuery对象的创建要使用jQuery对象,首先需要用jQuery构造函数来创建一个jQuery对象。

这可以使用两种方式创建:1)通过$或jQuery函数创建:例如:$("选择器")或者jQuery("选择器");2)通过使用jQuery()或$()函数作为参数传递原始DOM元素来创建。

3. 选择器的使用jQuery中的选择器实现了所有的CSS选择器,也支持自定义选择器。

与CSS选择器类似,jQuery选择器是用于选择HTML元素的字符串。

例如:选择id为“content”的元素:$("#content");选择class为“box”的元素:$(".box");选择label元素中“for”属性值为“id”的元素:$("label[for='id']")4. 事件处理函数的绑定通过bind()或者on()函数可以给元素绑定事件,例如:$(selector).bind(event,function)绑定事件。

事件可以是click、dblclick、mouseenter等等,函数可以是已定义的函数名,也可以是匿名函数。

5. 样式的操作通过jQuery对象的css()方法设置样式。

例如:$(selector).css('color','#fff')设置字体颜色为白色,$(selector).addClass('className')增加类名为'className'的样式。

jquery_ajax_完全使用手册.pdf

jquery_ajax_完全使用手册.pdf

参数: optio ns返回值: xml HttpReq uest使用HTTP请求一个页面。

这是jque ry的低级ajax实现。

要查看高级抽象,见$.set、$.post等,这些方法更易于理解和使用。

但是功能上有限制(例如,没有错误处理函数)。

警告:如果数据类型指定为"scrip t",那么POST自动转化为GET方法。

(因为script会作为一个嵌入页面的script标签进行载入)$.ajax()函数返回它创建的XMLH ttpRequest对象。

在大部分情况下,你不需要直接操作此对象。

通常,这个XMLH ttpReq uest对象主要用于需要手动中断XMLH ttpRequest请求的时候。

注意:如果你指明了下面列出的数据类型,请确保服务端发送了正确的MIME响应类型(如. xml 的类型是"te xt/xml")。

错误的MIME类型能够导致脚本出现意想不到的问题。

请查看AJAX的范例来了解数据类型的更多信息。

$.ajax()函数需要一个参数,一个包含有键/值对的对象,用于初始化并操作请求对象。

在jQue ry 1.2版本中,如果你指明了一个JSONP回调函数,你就可以从其它的域中载入JSON类型的数据,写法类似于"myurl?callback=?" 。

jQuery会自动调用正确的方法名称来代替查询字符串,执行你指定的回调函数。

或者,你也可以指定jso np的数据类型的回调函数,此函数会自动添加到Ajax请求中。

参数选项:async(true) 数据类型: Boolean默认情况下,所有的请求都是异步发送的(默认为true)。

如果需要发送同步请求, 设置选项为false。

注意,同步请求可能会暂时的锁定浏览器, 当请求激活时不能进行任何操作。

beforeSe nd 数据类型: Functio n一个预处理函数用于在发送前修改XMLHttpReq uest对象,设置自定义头部等。

JQuery入门、手册及教程

JQuery入门、手册及教程

浅谈JQUREY(摘自/softwave/article/details/2070815)JQUERY手册(第七页,附教程)Jquery是继prototype之后又一个优秀的Javascript框架。

对prototype我使用不多,简单了解过。

但使用上jquery 之后,马上被她的优雅吸引住了。

有人使用这样的一比喻来比较prototype和jquery:prototype就像Java,而jquery 就像ruby.实际上我比较喜欢java(少接触Ruby罢了)但是jquery的简单的实用的确有相当大的吸引力啊!在项目里我把jquery作为自已唯一的框架类包。

使用其间也有一点点心得,其实这些心得,在jquery的文档上面也可能有讲,不过还是记下来,以备忘罢。

一,找到你了!还记得$()这个东西吧?prototype还是DWR都使用了这个函数代替document.getElementById()。

没错,jquery也跟风了。

为达到document.getElementById()的目的,jquery是这样写的:Java代码1.var someElement = $("#myId");[java]view plaincopyprint?1.var someElement = $("#myId");看起来比其他两个框架的要多了一个#,好,看看下面的用法:Java代码1.$("div p");(1)2.$("div.container")(2)3.$("div #msg");(3)4.$("table a",context);(4)[java]view plaincopyprint?1.$("div p");(1) $("div.container")(2) $("div #msg");(3) $("table a",context);(4)在prototype里看过这样的写法吗?第一行代码得到所有<div>标签下的<p>元素。

jquery-easyui中文详细说明文档

jquery-easyui中文详细说明文档
在web开发中经常会遇到分页的需求如果靠我们手写代码可能代码又多样式又不好看下面介绍一下jqueryeasyui分页功能非常的方便简单下面看一下
jquery-easyui中 文 详 细 说 明 文 档
Jquery easyui 使用说明 1. Layout 布局 (1) 1.1. 样图 (1) 1.2. 示例代码 (2) 2. tabs面板 (3) 2.1. 样图 (3) 2.2. 示例代码 (3) 3. jQuery EasyUI 提示框(Messager)用法 (5) 3.1. 样图 (5) 3.2. 示例代码 (6) 4. 分页(Pagination)用法 (7) 4.1. 样图 (7) 4.2. 示例代码 (7) 5. jQuery EasyUI 对话框(Dialog)用法 (9) 5.1. 示例图片 (9) 5.2. 示例代码 (9) 6. jQuery EasyUI 窗口(Window)用法 (10) 6.1. 样图 (10) 6.2. 示例代码 (11) 7. jQuery EasyUI 验证框(ValidateBox)用法 (12) 7.1. 样图 (12) 7.2. 示例代码 (12) 8. jQuery EasyUI 数字框(NumberBox)用法 (13) 8.1. 样图 (14) 8.2. 示例代码 (14) 9. DataGrid (14) /doc/573e9e0752d380eb62946d6f.html yout 布局 1.1. 样图
Usage
Markup 在div 里面加载布局的方法:class="easyui-layout" 布局面板必需要有一个'center' 面板. 1.2.

jQuery完全手册

jQuery完全手册

jQuery完全手册jQuery是一种流行的JavaScript库,它允许开发者以更简单的方式对HTML文档进行操作。

jQuery提供了许多有用的功能,比如DOM操作、事件处理、动画效果等等。

本文将介绍jQuery的完整手册,包括其语法、文档对象模型、事件和效果。

一、语法jQuery语法非常简单,并且易学易用。

它是基于CSS选择器的,可以通过选中所有类似文本的元素来实现功能。

例如:$(document).ready(function(){$(\"button\").click(function(){$(\"p\").hide();});});上面的代码意思是,当文档加载完毕时执行一个函数,然后当按钮被点击时隐藏所有段落元素。

几个重要的jQuery语法如下:1. $(selector).action():这是最基本的语句,它为jQuery选择器选择元素,并对它们执行某个操作。

2. $(document).ready(function(){}):这个语句表示文档已经加载完毕,可以执行代码了。

3. $(this):这个语句用于获取当前元素。

4. $(selector).each(function(){}):这个语句用于迭代一个选择器匹配的元素集合,并为每个元素执行一个函数。

二、文档对象模型jQuery有一个强大的文档对象模型,可以使您轻松地遍历和操作HTML元素和属性。

在jQuery中,文档对象模型由以下内容组成:1. 选择器:通过选择器可以选择文档中的元素,其语法类似于CSS选择器。

2. 属性操作:设置和获取元素的属性值。

3. 样式操作:设置和获取元素的样式。

4. HTML操作:可以操作元素的HTML内容。

5. 文本操作:可以操作元素的文本内容。

三、事件jQuery还提供了一系列用于处理事件的方法。

借助事件处理程序,可以在元素上定义事件,比如点击事件、鼠标悬停事件等。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

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:后台处理类的编写。

相关文档
最新文档