jQuery Ajax 操作函数 函数 描述 jQuery.ajax() 执行异步 HTTP (Ajax) 请求。....is() 根据选择器检查当前的匹配元素集合,如果存在至少一个匹配元素,则返回 true。 .last() 将匹配元素集合缩减为集合中的最后一个元素。....map() 把当前匹配集合中的每个元素传递给一个函数,产生包含返回值的新的 jQuery 对象。 .next() 获得匹配元素集合中每个元素紧邻的同辈元素。....prev() 获得匹配元素集合中每个元素紧邻的前一个同辈元素,由选择器筛选(可选)。...jQuery 数据存储函数 函数 描述 .data() 存储与匹配元素相关的任意数据。
而jQuery方法与CSS相同,指定需要操作的标签名即可操控所有的标签。...$.ajax函数返回他创建的XMLHttpRequest对象。通常jQuery只在内部处理并创建这个对象,但用户也可以通过xhr选项来传递一个自己创建的xhr对象。...每个转换器的值是一个函数,返回响应的转化值 crossDomain map 默认: 同域请求为false 跨域请求为true如果你想强制跨域请求(如JSONP形式)同一域,设置crossDomain为...提供data和type两个参数:data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...在jQuery 1.5, 成功设置可以接受一个函数数组。每个函数将被依次调用。
下面是两个具体的例子: 试图隐藏一个不存在的元素 获得未完全加载的图像的大小 提示:简洁写法(与以上写法效果相同): $(function(){ // 开始写 jQuery 代码... }...该处理程序只能被每个元素触发一次 $.proxy() 接受一个已有的函数,并返回一个带特定上下文的新的函数 ready() 规定当 DOM 完全加载时要执行的函数 resize() 添加/触发 resize...attr() 设置或返回被选元素的属性/值 before() 在被选元素前插入内容 clone() 生成被选元素的副本 css() 为被选元素设置或返回一个或多个样式属性 detach() 移除被选元素...关于 jQuery 与 AJAX jQuery 提供多个与 AJAX 有关的方法。...() 指定函数处理数组中的每个元素(或对象的每个属性),并将处理结果封装为新的数组返回 $.merge() 合并两个数组内容到第一个数组 $.noop() 一个空函数 $.now() 返回当前时间 $.
在每个对 象上,这个事件处理函数只会被执行一次。其他规则与bind()函数相同。 trigger(type, [data]) 在每一个匹配的元素上触发某类事件。...is(expr) 用一个表达式来检查当前选择的元素集合,如果其中至少有一个元素符合这个给定的 表达式就返回true。...slice(start, [end]) 从匹配元素集合中取得一个子集,和内建的数组的slice方法相同。 add(expr) 把与表达式匹配的元素添加到jQuery对象中。...(fn); //为id为msg的元素单击事件添加函数 同样blur, focus, select, submit事件都可以有着两种调用方法 5、集合处理功能 对于jquery返回的集合内容无需我们自己循环遍历并对每个对象分别做处理..." 12、解决自定义方法或其他类库与jQuery的冲突 很多时候我们自己定义了$(id)方法来获取一个元素,或者其他的一些js类库如prototype也都定义了$方法,如果同时把这些内容放在一起就会引起变量方法定义冲突
在每个对象上,这个事件处理函数只会被执行一次。其他规则与bind()函数相同。 type(String) : 事件类型。...JQuery Traversing 方法说明 eq( index ) 从匹配的元素集合中取得一个指定位置的元素,index从0开始 filter( expr ) 返回与指定表达式匹配的元素集合,可以使用...is( expr ) 用一个表达式来检查当前选择的元素集合,如果其中至少有一个元素符合这个给定的 表达式就返回true。...not( expr ) 从匹配的元素集合中删除与指定的表达式匹配的元素。 slice( start, [end] ) 从匹配元素集合中取得一个子集,和内建的数组的slice方法相同。...input元素节点,经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素 $("#prev ~ div") 同胞选择器,该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的
“$()”等价于“jQuery()”,即jQuery的构造函数,为该构造函数传递一个元素,就可以创建出一个元素对象。...计数从最后一个元素开始到第一个 :nth-of-type(index/even/odd/公式)) 选择同属于一个父元素之下,并且标签名相同的子元素中的第n个子元素 :first-of-type 选择所有相同的元素名称的第一个子元素...,如果有,则返回true is(expr) 用一个表达式来检查当前选择的元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true has(expr) 保留包含特定后代的元素,去掉那些不含有指定后代的元素...4 事件操作 4.1 常用事件 标签中通过属性设置事件,每个属性都由一个on和事件名组成。例如,点击事件对应的属性为onclick。 在jQuery中则可直接使用其提供的与事件类型同名的方法。...Ajax事件 ajaxSend(fn) Ajax请求发送前触发的事件执行函数 Ajax事件 ajaxStart(fn) Ajax请求开始时触发的事件执行函数 Ajax事件 ajaxStop(fn) Ajax
服务器接收并处理传来的表单,然后送回一个新的网页,但这个做法浪费了许多带宽,因为在前后两个页面中的大部分 HTML 码往往是相同的。...在使用 AJAX 发送请求前加上 ajax.setRequestHeader('Cache-Control', 'no-cache')。...beforeSend:发送请求前调用此函数,可用与如添加自定义 HTTP 头,检查请求参数是否合法。XMLHttpRequest 对象是唯一的参数。若在函数中返回 false 可以取消本次请求。...callback:请求成功时回调函数。 type:预期服务器返回的数据类型。...callback:请求成功时回调函数。 type:预期服务器返回的数据类型。
"):选取第一个元素中的第一个元素 $("ul li:first-child"):选取每个元素下的第一个元素 $("[href]"):选取所有带有href的元素 $("a...ps2:以上函数均有最后一个参数设置为回调函数。回调函数有两个值:当前选中元素下标,旧值。...,具有相同的父元素) siblings():返回被选元素的所有同胞(兄弟)元素;可选参数可以用来进行过滤:$('h2').siblings('p'):返回与h2具有相同父元素的p元素 next():返回被选元素的下一个同胞元素...(只返回一个元素) nextAll():返回被选元素后面的同胞元素 nextUntil():介于两个参数之间的同胞元素 prev();prevAll();prevUntil():与上述类似,只不过遍历方向是向上走...第八部分:jQuery AJAX 了解AJAX:Ajax之路。 其实jQuery Ajax就是将ajax实现代码封装,同时兼顾了不同浏览器的Ajax实现。
在页面的ready函数里使用ajaxForm来给你页面上的表单做这些AJAX提交的准备工作。 ajaxForm 需要零个或一个参数。这唯一的一个参数可以是一个回调函数或者是一个可选参数对象。...ajaxForm 需要零个或一个参数。唯一的一个参数可以是一个回调函数或者是一个可选参数对象。 是否可以连环调用: 是。...这个方法将返回一个形如: name1=value1&name2=value2的字符串。 是否可以连环调用: 否, 这个方法返回的是一个字符串。...这个可以用在表单提交前的预处理,或表单校验。如果'beforeSubmit'指定的函数返回false,则表单不会被提交。...如果'success' 回调函数被指定,当server端返回对表单提交的响应后,这个方法就会被执行。
jquery介绍 jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。...id="div1">这是一个div jquery样式操作 jquery用法思想二 同一个函数完成取值和赋值 操作行间样式 // 获取div的样式 $("div").css("width...,键是调用每个值的名称,值可以是基本变量,还可以是函数和对象。...jsonp和ajax原理完全不一样,不过jquery将它们封装成同一个函数。...'键对应的值,然后将这个值和json数据拼装成一个函数调用的形式的字符串返回,就完成了一个jsonp的接口,这个键值对是由$.ajax函数自动产生的。
").map(callback);//将一组元素转换成其他数组 $("#ID").find(expr);//搜索所有与指定表达式匹配的元素 $("#ID").children();//获得匹配元素集合中每个元素的所有子元素...//将匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素 $("#ID").not();//从匹配元素集合中删除元素 $("#ID").add();//将元素添加到匹配元素的集合中 $("#ID")..../获得匹配元素集合中每个元素紧邻的前一个/所有同辈元素 $("#ID").next() & nextAll();//获得匹配元素集合中每个元素紧邻的一个/所有同辈元素 1 2 3 4 5 6 7 8 9...//callback (Callback) : (可选) 载入成功时回调函数。 jQuery.ajax();//返回其创建的XMLHttpRequest对象。...遍历对象和数组 jQuery.map();//修改数据 jQuery.grep();//数据筛选,返回一个经过筛选后的数组 jQuery.inArray(value,array);//查找元素的下标 jQuery.merge
1:GET访问 浏览器 认为 是等幂的 就是 一个相同的URL 只有一个结果[相同是指 整个URL字符串完全匹配] 所以 第二次访问的时候 如果 URL字符串没变化 浏览器是 直接拿出了第一次访问的结果...$.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。详细参数选项见下。...jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时,jQuery 将自动调用回调函数。...beforeSend Function 发送请求前可修改 XMLHttpRequest 对象的函数,如添加自定义 HTTP 头。XMLHttpRequest 对象是唯一的参数。...如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText,并作为回调函数参数传递,可用值: "xml": 返回 XML 文档,可用 jQuery
jQuery.noConflict(); $j = jQuery.noConflict(); jQuery对象与DOM对象之间的转换 使用 $()得到的是一个jQuery对象。...AJAX 1. 请求与回调 jQuery的AJAX,核心的请求处理函数只有一个,就是 $.ajax(),然后就是一个简单的上层函数。...Deferred Deferred对象是在jQuery1.5中引入的回调管理对象。其作用是把一堆函数按顺序放入一个调用链,然后根据状态来依次调用这些函数。AJAX的所有操作都是使用它来进行封装的。...从功能上看,它们都可以添加回调函数,但是,方法的返回值是不同的。前组的返回值是原来的那个 defer对象,而 then返回的是一个新的 defer对象。...锁定调用链,但是如果打开了 memory的 flag,新添加的函数仍然会执行 callbacks.has() 检查一个函数是否处于回调链之中 callbacks.fired() 检查回调链是否被激发 callbacks.locked
此外,jQuery还有 2.x 版本(当前最新版本为 2.1.1),它的API与 1.x 相同,但jQuery 2.x 不再支持IE 6 ~ IE 8。...$(''); // 包含一个临时的span元素 $(''); // 包含一个临时的span元素,和上一行代码的作用相同 $('id="mydiv">id为notFound的元素,$("#notFound")是一个空的jQuery对象,获取其id属性,将返回undefined。...触发click事件时,将按照绑定顺序依次执行每个处理函数。...var p = $("p"); // 返回一个包含所有p元素的jQuery对象 p[0]; // 第1个p元素 p[0].id ; // 返回第1个p元素的id p[1]; // 第2个p元素 p[2]
obj) 说明:返回对象索引 参数:obj (Object): 要查找的对象 例子: 未执行jQuery前: id="test1"> id="test2">...{ alert(i); }); }) 我们可以看待执行$.grep后数组[0,1,2,3,4]变成[0,1] $.merge(first, second) 两个参数都是数组,排出第二个数组中与第一个相同的...((Function)success:当请求成功时触发函数 ((Function)complete:当请求完成后出发函数 jQuery代码及说明 $.ajax({url: "ajax.htm...返回的内容作为id为a的div内容 $.ajax({ url: "ajax.aspx", type:"get", dataType...将返回结果装入id为a的内容中,然后再执行函数callback。
第1章 jQuery 实现Ajax应用 本章介绍jQuery中支持Ajax的各种方法和函数,阐述通过Ajax交互的过程与常用方法,重点介绍核心方法$.ajax()的运用技巧。...ajaxStart()方法用于在Ajax请求发出前触发函数,ajaxStop()方法用于在Ajax请求完成后触发函数。...4-3检测对象是否为空 在jQuery中,可以调用名为.isEmptyObject的工具函数,检测一个对象的内容是否为空,如果为空,则该函数返回true,否则,返回false值,调用格式如下:.isEmptyObject...,整个函数返回一个经过序列化编码后的字符串。...例如,调用$.extend()函数对两个已有的对象进行合并,,返回一个包含两个对象中全部属性元素的新对象,相同名称的“name”属性,前者被后者覆盖。
each():是jQuery中专用于迭代数组的方法,参数为一个处理函数,this表示当前需要迭代的js对象 Jquery事件API JavaScript一大特性就是事件驱动,当用户用了执行了某些动作以后...callback], [type]) serialize() 前4个方法的功能都是差不多的,都是向服务器发送请求,得到服务器返回的数据。...: 回调函数中参数一:backData表示返回的数据,它是js对象 回调函数中参数二:textStatus表示返回状态的文本描述,例如:success,error, 回调函数中参数三:xmlHttpRequest...于是乎,Jquery也提供了serialize()这么一个方法,给我们自动把表单中的数据封装成JSON格式的数据 使用之前要注意的是: 为每个jQuery对象设置一个name属性,因为name属性会被认为请求参数名...$.ajax()这个方法接收的参数是一个JSON类型,JSON里面有几个参数: type【请求类型】 url【请求路径】 data【发送给服务器的数据,也是一个JSON类型】 success【回调函数】
hasOwnProperty javaScript中hasOwnProperty函数方法是返回一个布尔值,指出一个对象是否具有指定名称的属性。...(1)在ajax发送请求前加上anyAjaxObj.setRequestHeader("If-Modified-Since","0")。...(2)在ajax发送请求前加上anyAjaxObj.setRequestHeader("Cache-Control","no-cache")。...与jquery.fn.extend的区别?...37、Jquery与jQuery UI 有啥区别? *jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。
为正确的函数名,以执行回调函数 如果不指定,jQuery 将自动根据HTTP包MIME信息返回相应类型(an XML MIME type...callback 函数是一种以参数形式传递给另一个函数的函数。...如果您的网站上存在多个 AJAX 任务,那么您应该为创建 XMLHttpRequest 对象编写一个标准的函数,并为每个 AJAX 任务调用该函数。...该函数调用应该包含 URL 以及发生 onreadystatechange 事件时执行的任务(每次调用可能不尽相同): function myFunction() { loadXMLDoc("ajax_info.txt...Ajax和原生 Ajax与后台的data数据交互 注意:POST方式传data类数据的时候,原生 Ajax需要更改请求头(原因和原理都在代码注释中),jQuery会自动帮忙修改请求头;他们其实本质都是原生
这一节涉及到浏览器与服务器的交互,我用到的是php,如果各位看官不会php脚本也没有关系,涉及到的php代码最多10行,重点还是在Jquery上。...一般都会有一个“检查是否已被占用”链接,用户点击链接后,浏览器打开一个新页面,向服务器发送一个请求,在数据库里咨询看用户名是否已存在,得到结果后返回到页面里提示用户。...这就是向服务器请求了html,返回的“用户名...已存在”就是一个html文本,最后体现在用户面前。 我们看Jquery代码。这是一个javascript函数,当点击按钮时执行此函数。...第三个参数callback是一个回调函数,这个函数在获取到数据后运行,也就是说收到的数据可以在这个函数中处理。...ajax的json方法 Jquery中从服务器加载json数据的方法是:$.getJSON 它的参数与get()方法完全一样,但是服务器返回结果data应该是一个json格式的字符串