这两天一直在研究jquery,确实这一个ajax框架很好学,很简单,感觉内容并不多。
先看一下它的api,首先是core,里面主要是${},each(),get(),gt(),lt(),size(),index(),eq(),这些方法,也很好理解,这里主要是一些selector,用于确定标签吧,个人理解。
DOM里有三个,第一是Attribute,里面主要是attr(),addClass(),html(),val(),text(),toggleClass(),这些主要是关于属性的一些操作,attr()增加属性,获取属性值,addClass(),toggleClass()用于增加样式,而html(),val(),text()用于获取html标签的内容。第二个是Manipulation,中文的意思是处理操纵,里面主要是after(),before(),append(),prepend(),clone(),empty(),wrap()方法,主要是对于两个标签的位置的放置吧,是放在前面,后面,或者标签里面的前面或后面,复制该标签,清空等操作。第三个是Traversing,有add(),children(),parent(),is(),not,find(),end(),contains(),next(),filter(),prev(),sibling()方法,主要是对于标签的父辈,同辈,以及子辈的获取,以及是否属于哪一个标签,还有查找,移动这些方法。
css里面比较简单,主要是一个css()方法,好像1.2版本的增加了几个,不过觉得这个已经很好用了,呵呵,操作css的东西。好像需要什么xPath语法,感觉有点像json,一会儿去看一下xPath语法。
javascript里面有$.browser(),$.grep(),$.merge(),$.map(),$.each(),$.trim()和$.extend()方法,第一个和浏览器相关的,现在只知道ie的是mise,$.grep()是筛选函数,$.map()是转换数组,$.grep()是合并数组,$.each()是一个迭代函数,用于迭代任何的对象或数组,最后一个$.extend()方法是用一个或多个其他对象来扩展一个对象,这一个方法我觉得自己应该不会怎么去用,貌似做插件用这个。
Effects主要是一些特效之类的吧,有animate(),hide(),show(),fadeIn(),fadeOut(),fadeTo(),slideDown(),slideUp(),slideToggle(),toggle()方法,animate()方式是创建自定义的动画方法,fadeIn()是通过不透明度的变化来实现所有匹配元素的淡入效果,slideDown()是通过高度变化(向下增大)来动态地显示所有匹配的元素,toggle()是切换元素的可见状态,若是隐藏则显示,若是可见则隐藏。用这里面的这些方法可以把网页做的很炫,当然也要结合前面和后面的内容才行。。。
Event里面有很多方法,里面分为两类,一类是绑定事件,一类是触发事件,一般来说绑定的带参数,触发事件的不带参数,比如blur()是一个触发事件,而blur(fn)则是一个绑定事件。
Ajax这里面的东西很重要,不过对于这方面研究不多,因此很多方法也不太清楚怎么去具体的使用,拥有$.ajax(),$.get(),$post(),$.ajaxSetup,$.ajaxTimeout,$.getIfModified,$.getJSON,$.getScript,$.ajaxComplete,$.ajaxError,$.ajaxSend,$.ajaxStart,$.ajaxStop,$.ajaxSuccess,$.load,$.loadModified,$.serialize,方法,觉得里面最重要的是第一个$.ajax()方法,
引用
使用HTTP请求(XMLHttpRequest)载入一个远程页面。
这是jQuery的低级AJAX实现。要查看高级抽象,见$.set、$.post等。
$.ajax()返回创建好的XMLHttpRequest对象。多数情况下并不需要直接操纵这个对象,但是如果需要手动中止请求,它也是可用的。
注意:要确保服务器返回正确的MIME类型(例如:XML是“text/xml”)。如果返回了错误的MIME类型就会导致jQuery无法处理的严重问题。
支持的数据类型包括(见dataType选项):
"xml": 返回一个可以由jQuery对象处理的XML文档。
"html": 返回纯文本格式的HTML,包括求值后的脚本标记。
"script": 将响应作为Javascript语句求值,并返回纯文本。
"json": 将响应作为JSON求值,并返回一个Javascript对象。
$.ajax()带有一个参数--“名/值对”形式的一个对象,用于初始化和处理请求。以下就是可用的所有“名/值对”:
(String) url - 要将请求发送到的URL地址。
(String) type - 请求的类型 ("POST" 或 "GET"), 默认是 "GET"。
(String) dataType - 期望从服务器端返回的数据类型。无默认值:如果服务器返回XML,就将responseXML传递到回调函数,否则将resposeText传递到回调函数。
(Boolean) ifModified - 只有响应自上次请求后被修改过才承认是成功的请求。是通过检查头部的Last-Modified值实现的。默认值为false,即忽略 对部分的检查
(Number) timeout - 覆盖全局延迟的局部延迟,例如,在其他所有延迟经过1秒钟后,启动一个较长延迟的单独请求。有关全局延迟,见$.ajaxTimeout()。
(Boolean) global - 是否为当前的请求触发全局AJAX事件处理函数,默认值为true。设置为false可以防止触发像ajaxStart或ajaxStop这样的全局事件处理函数。
(Function) error - 当请求失败时调用的函数。这个函数会得到三个参数:XMLHttpRequest对象、一个描述所发生的错误类型的字符串和一个可选异常对象(如果有)。
(Function) success - 当请求成功时调用的函数。这个函数会得到一个参数:从服务器返回的数据(根据“dataType”进行了格式化)。
(Function) complete - 当请求完成时调用的函数。这个函数会得到两个参数:XMLHttpRequest对象和一个描述请求成功的类型的字符串。
(Object|String) data - 要发送到服务器的数据。如果还不是一个字符串,就自动轮换为一个查询字符串。即附加到GET请求的url后面的字符串。要防止自动处理见processData选项。
(String) contentType - 设置发送请求的content=type。默认值是 "application/x-www-form-urlencoded", 这个值能满足多数情况。
(Boolean) processData - 在默认的情况下,如果data选项传进的数据是一个对象而不是字符串,将会自动地被处理和转换成一个查询字符串,以适应默认的content-type--"application/x-www-form-urlencoded"。如果想发送DOMDocuments,就要把这个选项设置为false。
(Boolean) async - 在默认的情况下,所有请求都是以异步的方式发送的(值为true)。如果要使用同步方式,需要将此项设置为false。
(Function) beforeSend - 用于设置自定义头部等信息的预调用函数,接收一个唯一的参数--XMLHttpRequest对象。
这里引用自是api的文档。
最后一个是Plugin,开始以为是做插件需要用到的东西,刚才看了一下应该是一些插件的api吧,有一些昨天在网上看插件的时候已经用到过了, 这里都没有怎么去记了,具体选择什么插件的时候再看一下就行了。说到插件,昨天花了很多时间看这个,很多插件都蛮好的,用起来特别方便,省去了自己很多时间做那些,当然如果自己花时间去做,很多类似的东西也能够做出来的,只是可能做的效果不是很理想,也可能会存在性能问题。