`
canofy
  • 浏览: 820906 次
  • 性别: Icon_minigender_1
  • 来自: 北京、四川
社区版块
存档分类
最新评论

jQuery学习

    博客分类:
  • ajax
阅读更多
    这两天一直在研究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吧,有一些昨天在网上看插件的时候已经用到过了, 这里都没有怎么去记了,具体选择什么插件的时候再看一下就行了。说到插件,昨天花了很多时间看这个,很多插件都蛮好的,用起来特别方便,省去了自己很多时间做那些,当然如果自己花时间去做,很多类似的东西也能够做出来的,只是可能做的效果不是很理想,也可能会存在性能问题。
   
分享到:
评论

相关推荐

    Jquery学习笔记Jquery学习笔记

    Jquery学习笔记 Jquery学习笔记 Jquery学习笔记

    jquery资料--jquery学习资料

    jquery学习资料--jquery代码和学习教程

    jquery学习资料+教程

    jquery学习资料+教程 包括五个文档:jQuery的起点教程,jQuery经典入门教程,jquery的基本用法.pdf,2010最新jQuery学习资料.pdf,精通JavaScript+jQuery.pdf

    JQuery学习手册.rar

    该 JQuery学习手册.rar 里面包含了JQuery学习的详细信息!非常棒的学习资料!

    精选 jquery 学习资料

    精选 jquery 学习资料,这里面的notes.txt 是对文件夹里面文件的的介绍

    jQuery学习示例 大全

    jQuery学习示例 大全 最新

    JQuery学习资料

    JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习JQuery学习

    learn.jquery.com, jQuery学习中心网站内容.zip

    learn.jquery.com, jQuery学习中心网站内容 jQuery学习站点这里站点的目标是双重的:如何使用jQuery和JavaScript信息的中心。可以信。详细的详细信息。为了保持及时。活动和社区驱动的参考,具有相对较低的贡献。...

    Jquery学习手册

    jquery学习笔记,很全面的介绍jquery的用法。 存在的html片段)包装成jQuery对象。 $()方法里面支持的语法又包括3大类,分别是表达式(包括类表达式.,id表达式#,元素表达式等)、符号(包括后代符号space,next符号+...

    Jquery学习文档中文WORD版

    资源名称:Jquery学习文档 中文WORD版内容简介:本文档主要讲述的是Jquery学习文档;jQuery是继Prototype之后有一个优秀的Javascript库,是一个由John Resig创建于2006年1月的开源项目。现在的jQuery团队主要...

    jquery 教程 jQuery学习资料 jQuery学习

    jquery 教程 jQuery学习资料 jQuery学习

    jQuery学习指南

    jQuery学习指南 和手册一起用,多看看没坏处

    Jquery学习 Jquery源代码 Jquery数据库操作

    Jquery学习 Jquery源代码 Jquery数据库操作 Jquery学习 Jquery源代码 Jquery数据库操作 绝对有用,技术含量

    Jquery 学习与实例Jquery 学习与实例

    Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与...

    JQuery学习总结及实例中文WORD版

    资源名称:JQuery 学习总结及实例 中文WORD版内容简介:普通Javascript的缺点:每种控件的操作方式不统一,不同浏览器下有区别,要编写跨浏览器的程序非常麻烦。因此出现了很多对Javascript 的封装库,...

    jQuery学习文档

    jQuery学习文档,跟快的适应开发的的不发

    jQuery学习名额大转盘抽奖代码.zip

    jQuery学习名额大转盘抽奖代码是一款抽奖完成会弹出奖品表单信息代码。

    jquery学习资料

    jquery学习资料ppt和demo阿发沙发士大夫十分公司打工风格士大夫

    jQuery学习资料

    jQuery学习资料,包含多个jquery的学习资料,适合初中级学习文档

    jquery学习资料大全

    压缩文件中,包含jquery使用的js脚本文件,jquery介绍文档(包括pdf和教程),对应出学者是一个很好的学习资料

Global site tag (gtag.js) - Google Analytics