您的位置:首页 > Web前端 > JQuery

jquery学习笔记(二)

2008-09-24 17:06 363 查看
PS:以下个人学习笔记,仅供参考
 
Jquery包含:<?xml:namespace prefix = st1 ns = "urn:schemas-microsoft-com:office:smarttags" />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<
15835
/font>         (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对象。
<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /> 

       支持的数据类型包括(dataType选项):

n         "xml": 返回一个可以由jQuery对象处理的XML文档。
n         "html": 返回纯文本格式的HTML,包括求值后的脚本标记。
n         "script": 将响应作为Javascript语句求值,并返回纯文本。
n         "json": 将响应作为JSON求值,并返回一个Javascript对象。
 

 

$.ajaxSetup(settings)  

说明:Ajax请求全局设置,选项描述同$.ajaxproperties
参数: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(方法)
 
 
 
 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息