当前位置: 首页 > 编程笔记 >

jQuery之动画ajax事件(实例讲解)

翟善
2023-03-14
本文向大家介绍jQuery之动画ajax事件(实例讲解),包括了jQuery之动画ajax事件(实例讲解)的使用技巧和注意事项,需要的朋友参考一下

废话不多说,直接上代码

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>
 <script>
  //ajax
  $.ajax({
   url:'json/test.txt?_='+Math.random(),
   type:"get",
   dataType:'json',//"text"、"html"、"jsonp"
   success:function(data){

   }
  })
  //事件
  var $box = $("#box")
  $box.on('click',function(){
   console.log(1)//this:当前元素(JS原生对象) $(this)
  })
  $box.on('click',function(){
   console.log(2)
  })
  $box.on('mouseout',function(){
   console.log(3)
  })
  //工具
  //each:jQuery中有两个each(也有两个map,和each的原理一样,只是可以支持返回值)
  //循环选择器获取到的jQuery集合中的每一项
  $('div').each(function(index,value){

  })
  //循环数组、类数组、对象中的每一项
  $.each([12,23,34],function(index,value){

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

  //动画
  //$('#box').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事件(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍JQuery中的事件及动画用法实例,包括了JQuery中的事件及动画用法实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JQuery中的事件及动画用法。分享给大家供大家参考。具体分析如下: 1.bind事件 在上面的操作中我们新学习了bind事件,而bind事件是三个参数,第一个参数是事件的名字,例如:click,dbclick,mouseover等,第二个参数是data

  • 本文向大家介绍Vue动画事件详解及过渡动画实例,包括了Vue动画事件详解及过渡动画实例的使用技巧和注意事项,需要的朋友参考一下 为了应用过渡效果,需要在目标元素上使用 transition 特性: transition 特性可以与下面资源一起用: v-if v-show v-for (只在插入和删除时触发,使用 vue-animated-list 插件) 动态组件 在组件的根节点上,并且被 Vue

  • 本文向大家介绍jquery实现回车键触发事件(实例讲解),包括了jquery实现回车键触发事件(实例讲解)的使用技巧和注意事项,需要的朋友参考一下 键盘事件有3: keydown,keypress,keyup,分别是按下,按着没上抬,上抬键盘 。 正确代码为: 推荐:keyup,防止笔记本键盘不小心触摸到了 1.有些文档中有写成这样: XP系统IE6下是不成功的。 2.还有INPUT的 这种情况要

  • 本文向大家介绍jQuery事件blur()方法的使用实例讲解,包括了jQuery事件blur()方法的使用实例讲解的使用技巧和注意事项,需要的朋友参考一下 实例 当输入域失去焦点 (blur) 时改变其颜色: 定义和用法 当元素失去焦点时发生 blur 事件。 blur()函数触发 blur 事件,或者如果设置了 function 参数,该函数也可规定当发生 blur 事件时执行的代码。 提示:早

  • 本文向大家介绍JavaScript事件方法(实例讲解),包括了JavaScript事件方法(实例讲解)的使用技巧和注意事项,需要的朋友参考一下 废话不多说,直接上代码 以上这篇JavaScript事件方法(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 本文向大家介绍Google 地图事件实例讲解,包括了Google 地图事件实例讲解的使用技巧和注意事项,需要的朋友参考一下 Google 地图事件 点击标记缩放地图 我们仍然使用上一遍文章使用的英国伦敦的地图。 点用户点击标记时实现缩放地图的功能(点击标记时绑定地图缩放事件)。 代码如下: 使用 addListener() 事件处理程序来注册事件的监听。该方法使用一个对象,一个事件来监听,当指定的