`
canofy
  • 浏览: 829795 次
  • 性别: 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,一个轻量级、高性能的JavaScript库,自2006年发布以来,因其简洁易用的API接口和强大的功能,迅速成为开发者们首选的前端工具之一。本资料旨在深入浅出地介绍jQuery的核心概念、...

    精选 jquery 学习资料

    本压缩包包含的“精选jQuery学习资料”是针对这一强大的库进行深入学习的重要资源。 首先,我们来看看`jquery-1.2.6.js`,这是jQuery库的1.2.6版本的源代码文件。这个版本的历史悠久,但依然具有学习价值,因为它...

    jquery学习资料大全

    **jQuery学习资料大全** 在IT领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript代码,使得网页交互和DOM操作变得更加便捷。这份“jQuery学习资料大全”提供了丰富的资源,无论你是初学者还是有...

    JQuery学习手册.rar

    《JQuery学习手册》是一份全面且深入的资源,旨在帮助开发者掌握JavaScript库JQuery的核心概念和实用技巧。这份手册不仅包含理论知识,还有实践应用的案例,是初学者和经验丰富的开发者提升JQuery技能的理想参考资料...

    JQuery学习网站

    **jQuery学习网站** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。由于其简洁的语法和强大的功能,jQuery成为了前端开发中的首选工具之一。 这篇博文链接...

    jQuery学习笔记(一)

    **jQuery学习笔记(一)** 在深入探讨jQuery之前,我们首先要理解什么是jQuery。jQuery是一个高效、易用且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。由John Resig在2006...

    jquery学习资料+教程

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

    jQuery学习示例 大全

    **jQuery学习示例大全** jQuery是一款广泛应用于网页开发的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。这个"jQuery学习示例大全"涵盖了从基础到进阶的各种示例,帮助开发者快速掌握...

    Jquery学习笔记Jquery学习笔记

    Jquery学习笔记 Jquery学习笔记是指使用Jquery框架来实现javascript编程的笔记记录,本笔记记录了Jquery-1.2的基本用法、Ajax异步交互、XMLHttpRequest对象的基本应用等知识点。 一、Jquery基本用法 Jquery是一个...

    JQuery学习资料

    这个“JQuery学习资料”压缩包包含了一系列与JQuery相关的学习资源,旨在帮助开发者深入理解和掌握JQuery的核心概念和实用技巧。 首先,`jquery1.4 API`是JQuery 1.4版本的官方API文档,它详细列出了该版本的所有...

    jquery学习资料

    **jQuery学习资料** jQuery是一款广泛应用于前端开发的JavaScript库,它极大地简化了JavaScript代码的编写,使得DOM操作、事件处理、动画制作等任务变得更加简单。本资料包包含了jQuery的学习资源,包括PPT教程和...

    jQuery学习文档

    以下是对 jQuery 学习文档中提到的关键知识点的详细说明: 1. **jQuery 语法实例**: - `$(this).hide()`:隐藏当前选中的元素。 - `$("#test").hide()`:隐藏 ID 为 "test" 的元素。 - `$("p").hide()`:隐藏...

    jQuery学习笔记

    **jQuery学习笔记** jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript代码的编写,使得网页交互变得更加简单。这个资源包含了作者在自学jQuery过程中积累的笔记,以HTML页面的形式呈现,方便阅读和...

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

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

    jQuery学习资料

    **jQuery学习资料** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。这个学习资料包包含了多个面向初学者和中级开发者的资源,旨在帮助你快速掌握jQuery的核心...

    jquery学习文档中文版

    《jQuery学习文档中文版》是面向初学者和进阶开发者的一份宝贵资源,它详尽地介绍了jQuery库的各种功能和用法。jQuery是一款强大的JavaScript库,简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务,使得前端...

    jquery 学习课堂工具

    **jQuery学习课堂工具详解** jQuery,作为一款广泛应用于Web开发的JavaScript库,为开发者提供了简洁、高效的API,使得DOM操作、事件处理、动画设计以及Ajax交互变得更加简单。本"jQuery学习课堂工具"专注于帮助...

Global site tag (gtag.js) - Google Analytics