jquery学习笔记（二）

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(方法)