PS:以下个人学习笔记,仅供参考
Jquery包含: Ajax , Core, CSS, DOM, Effects, Events, JavaScript, Plugins
Ajax :
$.ajax(properties) 返回值:XMLHttpRequest
使用HTTP请求(XMLHttpRequest)载入一个远程页面
参数:properties是一个map以“名/值”对形式的一个对象,以下就是可用的所有“名/值”:
n (String) url - 要将请求发送到的URL地址。
n (String) type - 请求的类型 ("POST" 或 "GET"), 默认是 "GET"。
n (String) dataType - 期望从服务器端返回的数据类型。无默认值:如果服务器返回XML,就将responseXML传递到回调函数,否则将resposeText传递到回调函数。
n (Boolean) ifModified - 只有响应自上次请求后被修改过才承认是成功的请求。是通过检查头部的Last-Modified值实现的。默认值为false,即忽略 对部分的检查
n (Number) timeout - 覆盖全局延迟的局部延迟,例如,在其他所有延迟经过1秒钟后,启动一个较长延迟的单独请求。有关全局延迟,见$.ajaxTimeout()。
n (Boolean) global - 是否为当前的请求触发全局AJAX事件处理函数,默认值为true。设置为false可以防止触发像ajaxStart或ajaxStop这样的全局事件处理函数。
n (Function) error - 当请求失败时调用的函数。这个函数会得到三个参数:XMLHttpRequest对象、一个描述所发生的错误类型的字符串和一个可选异常对象(如果有)。
n (Function) success - 当请求成功时调用的函数。这个函数会得到一个参数:从服务器返回的数据(根据“dataType”进行了格式化)。
n (Function) complete - 当请求完成时调用的函数。这个函数会得到两个参数:XMLHttpRequest对象和一个描述请求成功的类型的字符串。
n (Object|String) data - 要发送到服务器的数据。如果还不是一个字符串,就自动轮换为一个查询字符串。即附加到GET请求的url后面的字符串。要防止自动处理见processData选项。
n (String) contentType - 设置发送请求的content=type。默认值是 "application/x-www-form-urlencoded", 这个值能满足多数情况。
n (Boolean) processData - 在默认的情况下,如果data选项传进的数据是一个对象而不是字符串,将会自动地被处理和转换成一个查询字符串,以适应默认的content-type--"application/x-www-form-urlencoded"。如果想发送DOMDocuments,就要把这个选项设置为false。
n (Boolean) async - 在默认的情况下,所有请求都是以异步的方式发送的(值为true)。如果要使用同步方式,需要将此项设置为false。
n (Function) beforeSend - 用于设置自定义头部等信息的预调用函数,接收一个唯一的参数--XMLHttpRequest对象。
支持的数据类型包括(dataType选项):
n "xml": 返回一个可以由jQuery对象处理的XML文档。
n "html": 返回纯文本格式的HTML,包括求值后的脚本标记。
n "script": 将响应作为Javascript语句求值,并返回纯文本。
n "json": 将响应作为JSON求值,并返回一个Javascript对象。
$.ajaxSetup(settings) :
说明:Ajax请求全局设置,选项描述同$.ajax(properties)
参数:settings(Map) 用于Ajax请求的键/值对
$.ajaxTimeout(time)
说明:Ajax请求超时设定,该设定限制将要进行Ajax请求响应最大需要的时间,如果设置为null或者0即不超时(默认)。
参数:Number型,毫秒级别
$.get(url, params, callback)
说明:用GET方式请求装入远程页面
返回值:XMLHttpRequest
参数:
u url (String): 装入页面的URL地址。
u params (Map): (可选)发送到服务端的键/值对参数。
u callback (Function): (可选) 当远程页面装入完成时执行的函数.
$.post(url, params, callback)
说明:用HTTP POST方式装入一个远程页面
参数:同上
$.getIfModified(url, params, callback)
说明:当远程页面被修改后,用该函数通过HTTP GET请求方式装入远程页面。
参数:同上
$.getJSON(url, params, callback)
说明:用一个HTTP GET请求一个JavaScript JSON数据
参数:同上
$.getScript(url, callback)
说明:用GET方式装入并执行一个远程JavaScript文件。
返回值:XMLHttpRequest
参数:
u url
u callback (Function): (可选) 当数据装入完成时执行的函数.
ajaxComplete(callback)
说明:当AJAX请求完成时执行一个函数。
返回值:jQuery
ajaxError(callback)
说明:绑定一个当一个AJAX请求失败时执行的函数。
返回值:jQuery
ajaxSend(callback)
说明:绑定一个Ajax请求发送时执行的函数。
返回值:jQuery
load(url, params, callback)
说明:装入一个远程HTML内容到一个DOM结点。
注:装入脚本改用$.getScript,当任何字符显示时,IE会忽略所有的脚本
参数:
u url (String): 装入页面的URL地址。
u params (Map): (可选)发送到服务端的键/值对参数。
u callback (Function): (可选) 当远程页面装入完成时执行的函数.
Core:jQuery的核心部分
$()
说明:jQuery的核心功能都是通过这个函数实现的。 jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由CSS或XPath选择符组成),然后根据这个表达式来查询所有匹配的元素。
注:默认情况下,$()查询的是当前HTML文档中的DOM元素
$(expr,context)
说明:接收一个包含CSS或基本的XPath选择符的字符串,然后用这个字符串去匹配一组元素
返回值:jquery
参数:elements (Element|Array<Element>): 由jQuery对象封装的DOM元素
$(elements)
说明:为一个或多个DOM元素捆绑jQuery功能。同时这个函数也可以接收XML文档和Window对象(虽然它们不是DOM元素)作为有效的参数。
返回值:jquery
参数:
u expr (String): 用来查询用的字符串
u context (Element|jQuery): (可选)作为上下文的DOM元素、文档或jQuery对象
$(fn)
说明:$(document).ready()的简写方式
$(html)
说明:根据提供的原始HTML标记字符串,动态创建由jQuery对象包装的DOM元素
参数: html (String): 用于动态创建DOM元素的HTML标记字符串
$.extend(prop)
说明:扩展jQuery对象。可以用于把函数添加到jQuery名称空间中,以及添加插件方法(插件)
参数:prop (Object): 要合并到jQuery对象中的对象
$.noConflict()
说明:运行这个函数将变量$的控制权让渡给第一个实现它的那个库。这样可以确保jQuery不会与其他库的$对象发生冲突
each(fn)
eq(pos)
说明:将匹配的元素集合缩减为一个元素。这个元素在匹配元素集合中的位置变为0,而集合长度变成1
参数:pos (Number): 要保留的元素的索引
get(num)
说明:取得其中一个匹配的元素。 num表示取得第几个匹配的元素
get()
说明:取得所有匹配的(DOM)元素集合。
gt(pos)
说明:将匹配的元素集合缩减为给定位置之后的所有元素。这个元素在匹配元素集合中的位置变为0,而长度变成1
参数:pos (Number): 把集合缩减为这个位置之后的所有元素
index()
说明:搜索与参数表示的对象匹配的元素,并返回相应元素的索引值。如果找到了匹配的元素,从0开始返回;如果没有找到匹配的元素,返回-1
参数:subject (Element): 要搜索的对象
lt()
说明:将匹配的元素集合缩减为给定位置之前的所有元素。这个元素在匹配元素集合中的位置变为0,而长度变成1
参数:pos (Number): 把集合缩减为这个位置之下的所有元素
size() 和length 两个一样,当前匹配的元素数量
jQuery提供两种方式来选择html的element:
1. 用CSS和Xpath选择器联合起来形成一个字符串来传送到jQuery的构造器
2. 用jQuery对象的几个methods(方法)