首页 > web前端 > js教程 > jQuery之动画ajax事件

jQuery之动画ajax事件

小云云
发布: 2018-01-01 10:21:51
原创
1341 人浏览过

本文主要为大家带来一篇jQuery之动画ajax事件(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。

废话不多说,直接上代码


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

<!DOCTYPE html>

<html lang="en">

<head>

 <meta charset="UTF-8">

 <title>Document</title>

</head>

<body>

 <script>

  //ajax

  $.ajax({

   url:&#39;json/test.txt?_=&#39;+Math.random(),

   type:"get",

   dataType:&#39;json&#39;,//"text"、"html"、"jsonp"

   success:function(data){

 

   }

  })

  //事件

  var $box = $("#box")

  $box.on(&#39;click&#39;,function(){

   console.log(1)//this:当前元素(JS原生对象) $(this)

  })

  $box.on(&#39;click&#39;,function(){

   console.log(2)

  })

  $box.on(&#39;mouseout&#39;,function(){

   console.log(3)

  })

  //工具

  //each:jQuery中有两个each(也有两个map,和each的原理一样,只是可以支持返回值)

  //循环选择器获取到的jQuery集合中的每一项

  $(&#39;p&#39;).each(function(index,value){

 

  })

  //循环数组、类数组、对象中的每一项

  $.each([12,23,34],function(index,value){

 

  })

  //$.makeArray ===>相当于listToArray

 

  //动画

  //$(&#39;#box&#39;).animate({left:xxx,top:xxx,...},duration,"linear/swing",function(){})

  //stop:结束之前正在运行的动画,开启下一个新的动画(结束上一个动画,下一个动画是紧接着当前位置开始运动的)

  //delay:延迟

  //finish:结束上一个动画并且让元素快速的到达目标位置,在开始下一个动画

  /*

   fadeIn(淡入) fadeOut(淡出) fadeToggle

   show hide toggle

   slideUp slideDown slideToggle

 

  */

 </script>

</body>

</html>

登录后复制

相关推荐:

jquery中的ajax事件和get、post请求说明

解析ajax事件的调用顺序_PHP教程

解析ajax事件的调用顺序

以上是jQuery之动画ajax事件的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
引入jQuery 文件
来自于 1970-01-01 08:00:00
0
0
0
jquery笔记哪里有下?
来自于 1970-01-01 08:00:00
0
0
0
javascript - vue+webpack怎么引入jquery
来自于 1970-01-01 08:00:00
0
0
0
php+jquery的问题
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板