jquary高级:

1、动画

1、三种方式显示与隐藏元素
1、默认显示和隐藏的方式

1、show([speed],[easing],[fn]):显示

[speed],[easing],[fn]
speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如:1000)

easing:(Optional) 用来指定切换效果,
默认是"swing",:
可用参数"linear":

fn:在动画完成时执行的函数,每个元素执行一次。

2、hide([speed],[easing],[fn]):隐藏

3、toggle([speed],[easing],[fn]):切换

2、滑动显示和隐藏

slideDown([speed],[easing],[fn])
slideUp([speed,[easing],[fn]])
slideToggle([speed],[easing],[fn])

3、淡入淡出显示和隐藏
fadeIn([speed,[easing],[fn]])
fadeOut([speed,[easing],[fn]])
fadeToggle([speed,[easing],[fn]])

2、遍历:

1.js的遍历
for(初始化值;循环条件;步长)
2、jquery的遍历
1、jq对象.each(callback)

//jq方式一:
citys.each(function (index,element) {
alert(index+":"+element.innerHTML)
})
2、$.each(obj,callback)

$.each(citys,function (index,element) {
alert(index+":"+element.innerHTML)
})
3、for……of:jq 3.0版本以后 提供的新方式
for(元素对象 of 容器对象)

for (element of citys){
alert(element.innerHTML);
}

3、事件绑定
jq对象.事件方法(callback);
注意:其实jq的方法的 js的方法 就是差一个on

ajax:

ajax:
异步的javaScript 和 xml

1、异步和同步:在客户端和服务器互相通信的基础上

同步:客户端必须等待服务器的响应,在等待期间不能做其他操作

异步:客户端不必等待服务器的响应,在期间能做其他操作

2、Ajax是一种无需重新加载整个网页的情况下,可以更新部分网页的技术

好处:提升用户体验

入门步骤:

js:原生实现方式(今天作业)

jq:一共有5种 ,其中3种

$.ajax({}): 就是一个方法

语法:

$.ajax({

url:"/ajaxServlet",//请求路径
type:"post",//请求方式
data:"username=coco&age=12",//请求参数
success:function(obj){ //请求成功 执行方法
//obj 表示 接收 服务器回写的内容
},error:function(){//请求失败 执行方法

},
dataType:"json" //服务器响应的数据格式

})

$.post()
jQuery.post(url, [data], [callback], [type])
$.get()
jQuery.get(url, [data], [callback], [type])

url:待载入页面的URL地址

data:待发送 Key/value 参数。

callback:载入成功时回调函数。

type:返回内容格式,xml, html, script, json, text, _default。

jquary高级和ajax的更多相关文章

  1. 21. javacript高级程序设计-Ajax与Comet

    1. Ajax与Comet 1.1 XMLHttpRequest对象 IE5是第一款引入XHR对象的浏览器,IE5中是通过MSXML库中的一个ActiveX对象实现的.因此在IE中可能存在MSXML2 ...

  2. jQuary学习の五のAJAX

    AJAX 是与服务器交换数据的技术,它在不重载全部页面的情况下,实现了对部分网页的更新. 一.jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法. loa ...

  3. jQuery笔记之工具方法—高级方法Ajax

    $.ajxa() ——基本使用 前提:先了解js的执行机制 $.Callbacks()——回调 $.Deferred()——异步 $.when() 网络服务器链接由<渡一教育>提供 --- ...

  4. jQuery 第十章 工具方法-高级方法 $.ajax() $.Callbacks() .....

     $.ajax() $.Callbacks() $.Deferred() .then() $.when() ---------------------------------------------- ...

  5. 高性能javascript学习笔记系列(6) -ajax

    参考 高性能javascript javascript高级程序设计 ajax基础  ajax技术的核心是XMLHttpRequest对象(XHR),通过XHR我们就可以实现无需刷新页面就能从服务器端读 ...

  6. 最新JavaScript、Ajax典藏级学习资料下载分类汇总 (2011年12月21日更新)

    其他网站开发相关资料            超强HTML和xhtml,CSS精品学习资料下载汇总                                               最新htm ...

  7. JavaScript高级程序设计(第三版)学习笔记20、21、23章

    第20章,JSON JSON(JavaScript Object Notation,JavaScript对象表示法),是JavaScript的一个严格的子集. JSON可表示一下三种类型值: 简单值: ...

  8. JavaScript(10)——Ajax以及跨域处理

    Ajax以及跨域处理 哈哈哈,终于写到最后一章了.不过也还没有结束,说,不要为了学习而学习,恩.我是为了好好学习而学习呀.哈哈哈.正在尝试爱上代码,虽然有一丢丢的难,不过,我相信我会的! [Ajax] ...

  9. AJAX的前世今生与未来

    一.通过三个问答来认识一下Ajax 什么是Ajax? Ajax是Asynchronous Javascript And XML的缩写,它是一种技术. Ajax有什么用? 这一技术能够向服务器请求额外的 ...

随机推荐

  1. MongoDB 常用语句

    use 数据库名       进入数据库      若数据库不存在,创建数据库 db  显示当前数据库 show  dbs  显示内容非空的数据库 db.createCollection('表名')  ...

  2. 用java语言通过POI实现word文档的按标题提取

    最近有一个项目需要将一个word文档中的数据提取到数据库中.就去网上查了好多资料,最靠谱的就是用poi实现word文档的提取. 喝水不忘挖井人,我查了好多资料就这个最靠谱,我的这篇博客主要是借鉴htt ...

  3. IP地址数据库 | 手机号段归属地数据库 | 行政区划省市区数据库

    2019年4月最新版 IP地址数据库 (全球版·国内版·国外版·掩码版·英文版) 全球旗舰版 454267行   国内精华版 244379行 演示  https://www.qqzeng.com/ip ...

  4. 容器技术研究-Kubernetes基本概念

    最近在研究容器技术,作为入门,基本概念必须搞明白,今天整理一下Kubernetes的基本概念. 一.什么是Kubernetes Kubernetes(k8s)是自动化容器操作的开源平台,这些操作包括部 ...

  5. httpd 处理模型

    prefork 一个请求用一个进程响应 worker 一个请求用一个线程响应(启动多个进程,多个进程生成多个线程) event 一个进程,处理多个请求

  6. JVM探秘6--图解虚拟机栈的局部变量表和操作数栈工作流程

    案例代码如下: public class JVMTest { public static Integer num = 10; public int add(int i){ int j = 5; int ...

  7. 原 HTML5+规范:barcode(条码扫描)

    https://blog.csdn.net/qq_27626333/article/details/51815121 引用,版权归作者所有:

  8. CCF CSP 201812-1 小明上学

    题目链接:http://118.190.20.162/view.page?gpid=T80 问题描述 试题编号: 201812-1 试题名称: 小明上学 时间限制: 1.0s 内存限制: 512.0M ...

  9. mysql_study_1

    创建数据库 创建表 数据类型 插入数据的几种方法 约束 代码 CREATE DATABASE mysql_shiyan; use mysql_shiyan; CREATE TABLE departme ...

  10. hbase的一些要点

    hbase特点及简介: hbase源自于谷歌的三大论文之一 GFS -- hdfs MapReduce - MR BigTable - hbase hbase在以Hadoop为基础的生态圈中的地位 h ...