jQuery.param() 创建数组或对象的序列化表示,适合在 URL 查询字符串或 Ajax 请求中使用。 jQuery.post() 使用 HTTP POST 请求从服务器加载数据。...先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的 1. load( url, [data]...其实应该为客户端请求的类型(JSON,XML,等等) 这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。...data Object,String 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。...processData Boolean (默认: true) 默认情况下,发送的数据将被转换为对象(技术上讲并非字符串) 以配合默认内容类型 "application/x-www-form-urlencoded
废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到...参数:XMLHttpRequest 对象,成功信息字符串。...dataObject, String发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。...processDataBoolean(默认: true) 默认情况下,发送的数据将被转换为对象(技术上讲并非字符串) 以配合默认内容类型 "application/x-www-form-urlencoded...}); serialize() 与 serializeArray() serialize() : 序列表表格内容为字符串。
不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。...如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。 参数 object:需要例遍的对象或数组。 callback:每个成员/元素执行的回调函数。...merge 语法:jQuery.merge(first,second) 概述 合并两个数组返回的结果会修改第一个数组的内容——第一个数组的元素后面跟着第二个数组的元素。...参数 target:一个对象,如果附加的对象被传递给这个方法将那么它将接收新的属性,如果它是唯一的参数将扩展jQuery的命名空间。 object1:待合并到第一个对象的对象。...isWindow jQuery.isWindow(obj) 测试对象是否是窗口 error jQuery.error(message) 接受一个字符串,并且直接抛出一个包含这个字符串的异常 trim jQuery.trim
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。示例代码: $.get("....其实应该为客户端请求的类型(JSON,XML,等等) 这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。...参数: XMLHttpRequest 对象,成功信息字符串。...data Object,String 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。...processData Boolean (默认: true) 默认情况下,发送的数据将被转换为对象(技术上讲并非字符串) 以配合默认内容类型 "application/x-www-form-urlencoded
与jQuery差别 Mootools与jQuery相比较 API设计 性能 API的差别: jQuery的API设计方式 $('#element') Mootools的API设计方式 $('element...为什么使用MooTools 灵活,模块化的框架,用户可以选择自己需要的组件。 MooTools符合OO的思想,使代码更强壮,有力,有效。 高效的组件机制,可以和flash进行完美的交互。...对于DOM的扩展增强,使开发者更好的利用document 如果是有着成百上千页面的大项目,有些大数据量交互与处理的项目,多人合作,多模块化的项目,jQuery往往就显得底气不足,往往需要各类插件补充...'arguments' - (string) 如果对象是一个arguments对象。 'array' - (string) 如果对象是一个数组。...如字符串,数组或数字,使他们更加有效。
key/value 数据 callback (Callback) (可选参数) 请求完成时(不需要是success的)的回调函数 load()方法可以轻松载入静态页面内容到指定jQuery对象。...$('#ajax-div').load('data.html'); 这样,data.html的内容将被载入到ID为ajax-div的DOM对象之内。...jQuery提供一个更为具体的函数:ajax()。 ajax( options ) ajax()提供了一大票参数,所以可以实现相当复杂的功能。...data Object, String 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。 查看 processData 选项说明以禁止此自动转换。...processData Boolean (默认: true) 默认情况下,发送的数据将被转换为对象(技术上讲并非字符串) 以配合默认内容类型 “application/x-www-form-urlencoded
jQuery对象 jQuery还支持将HTML字符串转换为临时DOM元素,并包含在返回的jQuery对象中。...不过我们需要根据jQuery对象来筛选指定的元素。...$A.wrapInner( $B ); // 在$A的内侧包裹$B $A.empty(); // 清空$A的所有内容 $A.remove(); // 删除$A及其绑定的事件、附加数据等 $A.detach...有些时候,我们也可能需要将jQuery对象转换DOM元素。 在此之前,我们应该先了解jQuery对象所包含的DOM元素是存储在什么属性中的。 实际上jQuery对象是一个类数组对象。...( ); // 不传入任何参数,将以数组形式返回包含的所有p元素 jQuery 核心:扩展jQuery对象的属性和方法 如果我们要开发基于jQuery的插件,我们一般需要在jQuery对象上添加自定义的属性和方法
不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。...如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。 参数 object:需要例遍的对象或数组。 callback:每个成员/元素执行的回调函数。...语法:jQuery.merge(first,second) 概述 合并两个数组返回的结果会修改第一个数组的内容——第一个数组的元素后面跟着第二个数组的元素。...参数 target:一个对象,如果附加的对象被传递给这个方法将那么它将接收新的属性,如果它是唯一的参数将扩展jQuery的命名空间。 object1:待合并到第一个对象的对象。...isWindow jQuery.isWindow(obj) 测试对象是否是窗口 error jQuery.error(message) 接受一个字符串,并且直接抛出一个包含这个字符串的异常 trim jQuery.trim
6.data: 要求为Object或String类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式。get请求中将附加在url后。...对象必须为key/value格式,例如{foo1:"bar1",foo2:"bar2"}转换为&foo1=bar1&foo2=bar2。如果是数组,JQuery将自动为不同值对应同一个名称。...默认情况下,发送的数据将被转换为对象(从技术角度来讲并非字符串)以配合默认内容类型"application/x-www-form-urlencoded"。...对象的each()方法,它是一个全局函数,不操作JQuery对象,而是以一个数组或者对象作为第1个参数,以一个回调函数作为第2个参数。...回调函数拥有两个参数:第1个为对象的成员或数组的索引,第2个为对应变量或内容。
6.data: 要求为Object或String类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式。get请求中将附加在url后。...对象必须为key/value格式,例如{foo1:"bar1",foo2:"bar2"}转换为&foo1=bar1&foo2=bar2。如果是数组,JQuery将自动为不同值对应同一个名称。...默认情况下,发送的数据将被转换为对象(从技术角度来讲并非字符串)以配合默认内容类型"application/x-www-form-urlencoded"。...对象的each()方法,它是一个全局函数,不操作JQuery对象,而是以一个数组或者对象作为第1个参数,以一个回调函数作为第2个参数。...回调函数拥有两个参数:第1个为对象的成员或数组的索引,第2个为对应变量或内容。 原文URL:http://www.cnblogs.com/tylerdonet/p/3520862.html
each(fn) 说明:将函数作用于所有匹配的对象上 参数:fn (Function): 需要执行的函数 例子: 未执行jQuery前: 的是jQuery对象,get返回的是所匹配的dom对象,所有取$("p").eq(1)对象的内容用jQuery方法html(),而取$("p").get(1)的内容用innerHTML index(... 遍历、组合 add(expr) 在原对象的基础上在附加符合指定表达式的jquery对象 HelloHello Again 对象的基础上再附加指定的dom元素。...$("p").add(document.getElementById("a")); add(els) 在匹配对象的基础上在附加指定的一组对象,els是一个数组。 ?
该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, .post等(我们也只掌握这一种)。 .ajax() 返回其创建的 XMLHttpRequest 对象。...参数: XMLHttpRequest 对象和一个描述请求类型的字符串。 这是一个 Ajax 事件。...将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。...如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。...jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。 "text": 返回纯文本字符串
后者是前者经过压缩处理后的版本,它去除了多余的注释、空白字符等信息,并缩短了变量的名称,以减小js文件的体积。建议你在生产环境中使用该文件,以便于用户浏览器能够更快地加载jQuery库。...对象 // 你同样可以使用jQuery对象的方法对这些临时的DOM元素进行操作,或者将它们插入到文档的指定位置。...属性 find("ul") // 返回匹配这些div元素中的所有后代ul元素的jQuery对象 children() // 返回匹配这些ul元素中的所有子代元素的jQuery对象 $("selector...$A.wrapInner( $B ); // 在$A的内侧包裹$B $A.empty(); // 清空$A的所有内容 $A.remove(); // 删除$A及其绑定的事件、附加数据等 $A.detach....map()用于遍历数组元素或对象属性,并将每次执行遍历函数的返回值封装为数组返回 var obj = { name: "jQuery", age: 20, isAdmin: true }; var resultArray
选择器 高效正确的使用jQuery选择器是熟练使用jQuery的基础,而掌握jQuery选择器需要一定的时间积累,我们开始学习jQuery时就应该注意选择器的使用。....class") > $(".class") 3、缓存jQuery对象 缓存jQuery对象可以减少不必要的DOM查找,关于这点大家可以参考下缓存jQuery对象来提高性能。...在之前的版本中 on() 就是 bind()。自从jQuery 1.7版本后,on() 附加事件处理程序的首选方法。然而,出于一致性考虑,你可以简单的全部使用 on()方法。...群里以前有朋友就因为这个导致在IE下输出时出现问题,而关于字符串的拼接可以参考下最快创建字符串的方法。...如在减少代码段中,如果需要根据条件从数组中得到新数组时,可以使用$.grep() 方法,如果你在使用jQuery时有自己心得的话,欢迎在留言中和大家分享!
功能相似;但写法不同; 语法: .call(对象[,参数1,参数2,…]);//此地参数是指的是对象的参数,非方法的参数; .apply(对象,参数数组)//参数数组的形式:[参数1,参数2,…]...= true;) 什么是闭包(closure),为什么要用它?...闭包、控制台日志、循环(在两个对象彼此引用且彼此保留时,就会产生一个循环) jQuery 中如何将数组转化为 json 字符串,然后再转化回来?...jQuery 中没有提供这个功能,所以需要先编写两个 jQuery 的扩展: $.fn.stringifyArray = function(array) { return JSON.stringify...jQuery类的实例可以使用这个“成员函数”。 比如我们要开发一个插件,做一个特殊的编辑框,当它被点击时,便alert 当前编辑框里的内容。
主要是参考整理JQuery的文档和一些好博客内容!记录一下平常工作最常用的!...如果已经不是字符串,将自动转换为字符串格式。get请求中将附加在url后。防止这种自动转换,可以查看 processData选项。...对象必须为key/value格式,例如{foo1:”bar1”,foo2:”bar2”}转换为&foo1=bar1&foo2=bar2。如果是数组,JQuery将自动为不同值对应同一个名称。...这个函数传递3个参数:从服务器返回的数据,并根据dataType参数进行处理后的数据,一个描述状态的字符串;还有 jqXHR(在jQuery 1.4.x前为XMLHttpRequest) 对象。...有以下三个参数:jqXHR (在 jQuery 1.4.x前为XMLHttpRequest) 对象、描述发生错误类型的一个字符串 和 捕获的异常对象。
将自动转换为请求字符串格式,GET请求附加在URL后 dataType 类型:String 预期服务器返回的数据类型, ”xml“返回XML文档。”...processData 类型:Boolean 默认为(true)默认情况下,发送的数据发送的数据将被转换为对象(技术上讲并非字符串) 以配合默认内容类型 "application/x-www-form-urlencoded...jQuery.param() 创建一个数组,一个普通的对象,或一个jQuery对象的序列化表现形似,用于URL查询字符串或Ajax请求。...jQuery.param(obj) obj 一个用来序列化的一个数组,一个普通的对象,或一个jQuery对象。...jQuery.param( obj, traditional ) obj 一个用来序列化的一个数组,一个普通的对象,或一个jQuery对象。
如此受欢迎的原因,大多数人使用 jQuery() 构造方法使用的最多的就是直接实例化一个 jQuery 对象,但其实在它的内部实现中,有着 9 种不同的方法重载场景: // 接受一个字符串,其中包含了用于匹配元素集合的...// 传入 JS 对象 jQuery(object) // 传入 jQuery 对象 jQuery(jQuery object) // 传入原始 HTML 的字符串来创建 DOM 元素 jQuery(html...,一个方法兼容了许多情况,也允许用户传入各种不同的参数,导致内部处理的逻辑十分复杂,所以当解读一个方法的时候感觉到了明显的困难,尝试着跳出卡壳的那段代码本身,站在更高的维度去思考这些复杂的逻辑是为了处理或兼容什么...,那么为什么两个方法指向同一个函数实现,但是却实现不同的功能呢, // 阅读源码就能发现这归功于 this 的强大力量 // 如果传入两个或多个对象,所有对象的属性会被添加到第一个对象 target /...,所以 this.constructor() 返回一个 jQuery 对象 // 由于 jQuery.merge 函数返回的对象是第二个函数附加到第一个上面,所以 ret 也是一个 jQuery 对象
2.2、jQuery对象 jQuery对象就是通过jQuery包装DOM对象后产生的对象叫jQuery对象。 jQuery对象是对DOM元素封装过后的数组,也称为包装集。...2.3、DOM转换成jQuery对象 要使用jQuery中的方法与属性就需要把一个JavaScript中的DOM对象转换成jQuery对象。...选择器和包装集 为了使设计和内容分离而把CSS引入Web技术的时候,需要以某种方式从外部样式表中引用页面元素组。...:正则表达式}"配对的对象,用来确定jQuery将如何解析响应,给定其内容类型。...这使得例如,服务器端重定向到另一个域 data Object,String 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。
如果需要发送同步请求,请将此选项设置为 false。 注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。...发送信息至服务器时内容编码类型。 data 类型:String 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。...如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。...有以下三个参数:XMLHttpRequest 对象、错误信息、(可选)捕获的异常对象。...success 类型:Function 请求成功后的回调函数。 参数:由服务器返回,并根据 dataType 参数进行处理后的数据;描述状态的字符串。 这是一个 Ajax 事件。